react-native - 如何调用反应本机函数以从另一个类进行导航

问题描述

我是反应原生的新手。我使用 Wix react-native-navigation 库在页面之间导航。我想像下面这样为导航编写一个单独的类，并在我的项目中需要它的任何地方调用它。但我收到“this.props.componentId”的错误。这是我的导航功能：

屏幕导航.js

import React,{Component} from 'react';
import {Navigation} from "react-native-navigation";

class ScreenNavigation extends Component{

constructor(props){
    super(props)
}

 goToScreen = (screenName) =>{

    Navigation.push(this.props.componentId , {
        component : {
            name : screenName
        }
    });
}

}
const NextPage = new ScreenNavigation();
export default  NextPage;

这是我的登录页面（我想在其中调用该函数）：

import React, {Component} from 'react';
import {View, Button, Text} from 'react-native';
import NextPage from "../../my_classes/ScreenNavigation"

export default class Login extends Component {


render() {
    return (
        <View>
           <Text>Anna</Text>
            <Button title={"Enter"} onPress= 
{()=>NextPage.goToScreen('myRegister')}> </Button>
        </View>
    );
 }
 }

请帮我解决我的问题。

这是我的 index.js 文件：

import {Navigation} from 'react-native-navigation';
import Login from './my_screens/login&register/Login';


Navigation.registerComponent('myLogin',()=>Login);


Navigation.events().registerAppLaunchedListener(()=>{

    Navigation.setRoot({
            root : {

                stack : {
                    id:'AppStack',
                    children : [
                        {
                            component : {
                                name : 'myLogin' ,
                                options : {
                                    topBar : {
                                        title : {
                                            text : 'Login'
                                        }
                                    }

                                }
                            },
                        }
                    ]
                }
            }
        }

       )
    });

标签： react-nativenavigationcallnative

react-native - 如何调用反应本机函数以从另一个类进行导航

问题描述

解决方案

推荐阅读