Javascript 无法在react native中的视图之间导航
index.jsJavascript 无法在react native中的视图之间导航,javascript,reactjs,react-native,Javascript,Reactjs,React Native,index.js import React, { Component } from 'react'; import { AppRegistry } from 'react-native'; import Login from './src/screens/Login'; import Secured from './src/screens/Secured'; import NewPass from './src/screens/NewPass'; import { Provider } from
import React, { Component } from 'react';
import { AppRegistry } from 'react-native';
import Login from './src/screens/Login';
import Secured from './src/screens/Secured';
import NewPass from './src/screens/NewPass';
import { Provider } from 'react-redux';
import store from './store'; //Import the store
class ReactNativeStormpath extends Component {
state = {
isLoggedIn: false
}
render() {
if (this.state.isLoggedIn)
return (
<Provider store={store}>
<Secured
onLogoutPress={() => this.setState({isLoggedIn: false})}
/>
</Provider>
)
else
return (
<Provider store={store}>
<Login
onLoginPress={() => this.props.navigation.navigate('NewPass')}
/>
</Provider>
)
}
}
AppRegistry.registerComponent('ReactNativeStormpath', () => ReactNativeStormpath);
import React,{Component}来自'React';
从“react native”导入{AppRegistry};
从“/src/screens/Login”导入登录名;
从“./src/screens/Secured”安全导入;
从“/src/screens/NewPass”导入NewPass;
从'react redux'导入{Provider};
从“./store”导入存储//导入商店
类ReactNativeStormpath扩展组件{
状态={
伊斯洛格丁:错
}
render(){
if(this.state.isLoggedIn)
报税表(
this.setState({isLoggedIn:false})
/>
)
其他的
返回(
this.props.navigation.navigate('NewPass')}
/>
)
}
}
AppRegistry.registerComponent('ReactNativeStormpath',()=>ReactNativeStormpath);
我收到“未定义的不是对象”,或者按钮不起任何作用,
我几乎阅读了所有文章,在react native中找不到在视图之间导航的方法,这不会有那么困难。要能够导航,您需要通过库或自定义库拥有导航结构。你有这样的实现吗?我遵循了:我没有“App”类,比如:“export default class App”,我不知道在哪里添加“const RootStack=createStackNavigator(”然后请更新您的问题,显示您的导航stack@bennygenel我已经更新了我以前的评论。当您最初创建项目时,您应该有两个文件。
index.js
和app.js
。您应该编辑app.js
文件,并向其中添加导航堆栈,如教程所示。