时间戳

首页 > 解决方案 > 如何在我的登录屏幕后设置导航反应本机

javascript - 如何在我的登录屏幕后设置导航反应本机

问题描述

如何在我的登录屏幕后设置导航反应本机

这是我的导航页面

我尝试了以下步骤，但找不到解决方案。

const TabNavigator = createBottomTabNavigator ({
  Home:{screen:Login},
  Create:{screen:Register}
  },{
    tabBarOptions:{
      activeTintColor:'white',
      activeBackgroundColor:'#FF4A83',
      inactiveTintColor:'black',
      inactiveBackgroundColor:'#FE739F',
      labelStyle:{
        fontSize:16,
        padding:10,
      }
    }
  });
  const Navigation = createStackNavigator({
    dashboard:{screen:dashboard}
  })
export default createAppContainer(TabNavigator , Navigation);

这是我的登录页面。

export default class Login extends Component{
  constructor(props) {
    super(props)
    this.state = {
      username: '',
      password: '',
    }
    this._login = this._login.bind(this);
  }
   navigationOptions = {
    tabBarLabel: 'Login',
  }
  _login(){

    if(this.state.username=='shankar' && this.state.password=='12345'){
    //  alert('Successfully login')
    this.props.navigation.navigate('dashboard')
}else{
      alert('Login or Password incorrect')
    }
  }
  render(){
    return(

   ....
)}

提前致谢..！！

标签： javascriptreactjsreact-nativejsx

解决方案

尝试在堆栈导航器中添加您的选项卡 TabNavigator。像这样的东西

const Navigation = createStackNavigator({ TabNavigator, dashboard:{screen:dashboard} })

导出默认 createAppContainer(Navigation);

推荐阅读