React native 如何浏览网页？自然反应

我是个新来的本地人。 目前我被困在这里。 我正在尝试创建一个登录应用程序，其中主页登录页面将有注册。 点击注册后，应重定向至注册页面

我的app.js是这样的

import LoginPage from './src/pages/LoginPage';
import SignupPage from './src/pages/SignupPage';
import { createStackNavigator } from 'react-navigation';
export default class App extends Component {
  render() {
    return (
      <RootStack/>
    );
  }
}
const RootStack = createStackNavigator({
  Login: { screen: LoginPage },
  Signup: { screen: SignupPage}  
},
{
  headerMode: 'none',
  navigationOptions: {
    headerVisible: false,
initialRouteName: 'Login'
  }
 }
);

import LoginPage from./src/pages/LoginPage'；
从“/src/pages/SignupPage”导入SignupPage；
从“反应导航”导入{createStackNavigator}；
导出默认类应用程序扩展组件{
render（）{
返回(
);
}
}
const RootStack=createStackNavigator({
登录：{screen:LoginPage}，
注册：{screen:SignupPage}
},
{
headerMode:“无”，
导航选项：{
头像：错，
initialRouteName:“登录”
}
}
);

我的登录页面是这样的

export default class Login extends Component {
    render(){
        return(
            <View style = {styles.container}>
            <StatusBar
            backgroundColor="#8c8c8c"
            barStyle="light-content"
            />
            <Logo/>
            <LoginForm />
        </View>
    )
}
}

const {NavigationApp} = createStackNavigator({
signup: {screen: SignupPage}
})

导出默认类登录扩展组件{
render（）{
返回(
)
}
}
const{NavigationApp}=createStackNavigator({
注册：{screen:SignupPage}
})

我的登录表单是这样的：

export default class LoginForm extends Component {
    render(){

        return( 
        <View style={styles.container}>
        {/* <Image 
        source={require('../images/Et_cetera_ResizedLogo.png')} /> */}
        {/* <Text style={styles.logoText} >Et ceteraaaa</Text> */}
        <View style={styles.container}>
        <TextInput 
            style={styles.inputBox} 
            placeholder='Email'
            underlineColorAndroid='rgba(0,0,0,0)'
        />
        <TextInput 
            style={styles.inputBox} 
            placeholder='Password'
            secureTextEntry={true}
            underlineColorAndroid='rgba(0,0,0,0)'
        />
        <TouchableOpacity>
            <Text style={styles.buttonStyle}>
                Login
            </Text>
        </TouchableOpacity>
        <View style={styles.signup}>
            <TouchableOpacity>
                <Text style={styles.thirdPartyButtonStyle}>
                    Google
                </Text>
            </TouchableOpacity>

            <TouchableOpacity>
                <Text style={styles.thirdPartyButtonStyle}>
                    Facebook
                </Text>
            </TouchableOpacity>
        </View>
        </View> 
        <View style={styles.signup}>
            <Text style={styles.signupCont}>Don't have an account yet?</Text>
            <TouchableOpacity onPress={()=> this.props.navigate('signup')}>
            <Text 
                style={styles.signupButton}> Signup
            </Text>
            </TouchableOpacity>
        </View>

        </View>
    )
}
}

导出默认类LoginForm扩展组件{
render（）{
报税表（
{/*  */}
{/*等等*/}
登录
谷歌
脸谱网
你还没有账户吗？
this.props.navigate（'signup'）}>
报名
)
}
}

现在在loginform中点击注册，我想导航到注册页面。 我该怎么做？

---

请提供任何建议。

使用react native router flux在场景之间导航非常有用

创建route.js文件

import {Actions,Router,Stack,Scene} from 'react-native-router-flux';
import Landing from './Register';
import Login from './Login';

export default class Routes extends Component<{}> {

    render(){
        return(
          <Router backAndroidHandler={this.onBackPress}>
            <Stack key="root" hideNavBar={true}>
              <Scene key="landing" component={Login} title="Landing"  initial={true} back/>
              <Scene key="login" component={Register} title="Login"  back/>
            </Stack>
          </Router>
        )
    }

}

从'react native Router flux'导入{Actions，Router，Stack，Scene}；
从“./寄存器”导入登录；
从“./Login”导入登录名；
导出默认类路由扩展组件{
render（）{
返回(
)
}
}

---

然后在登录页面中添加操作

import {Actions} from 'react-native-router-flux';

signup(){
Actions.signup();
}

export default class Login extends Component {
    render(){
        return(
            <View style = {styles.container}>
            <TouchableOpacity onPress={()=>signup()}>
        <Text>Click Me</Text>
        </TouchableOpacity>
        </View>
    )
}
}

从'react native router flux'导入{Actions}；
注册（）{
Actions.signup（）；
}
导出默认类登录扩展组件{
render（）{
返回(
注册（）}>
点击我
)
}
}

---

导出默认类寄存器扩展组件{
render（）{
返回(
注册页
)
}
}

export default class Register extends Component {
    render(){
        return(
            <View style = {styles.container}>

        <Text>Register Page</Text>

        </View>
    )
}
}