Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/391.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从“选项卡视图”屏幕导航到另一个屏幕“不工作”_Javascript_React Native_Navigation_React Native Android_Tabview - Fatal编程技术网

Javascript 从“选项卡视图”屏幕导航到另一个屏幕“不工作”

Javascript 从“选项卡视图”屏幕导航到另一个屏幕“不工作”,javascript,react-native,navigation,react-native-android,tabview,Javascript,React Native,Navigation,React Native Android,Tabview,以下是我的代码:-发布完整代码 index.android.js import React, { Component } from 'react'; import { AppRegistry, Text, StyleSheet, View, NetInfo, Alert, AsyncStorage } from 'react-native'; import Splash from './app/screens/Splash' import { StackNavigator

以下是我的代码:-发布完整代码

index.android.js

import React, { Component } from 'react';
    import { AppRegistry, Text, StyleSheet, View, NetInfo, Alert, AsyncStorage } from 'react-native';
    import Splash from './app/screens/Splash'
    import { StackNavigator } from 'react-navigation'
    import Login from './app/screens/Login'
    import Register from './app/screens/Register'
    import Check from './app/screens/Check'
    import Qwerty from './app/screens/Qwerty'
    import Home from './app/screens/Home'


    var STORAGE_KEY = 'token';
    var DEMO_TOKEN;

    class Splashscreen extends React.Component {
      static navigationOptions = {
         header: null
      };

     async componentDidMount() {
        const { navigate } = this.props.navigation;

        var DEMO_TOKEN = await AsyncStorage.getItem(STORAGE_KEY);

        if (DEMO_TOKEN === undefined) {
          navigate("Login");
        } else if (DEMO_TOKEN === null) {
          navigate("Splash");
        } else {
           navigate("Temp");
        }
      };



      render() {
        const { navigate } = this.props.navigation;
        return(
        <View style={styles.wrapper}>
          <View style={styles.titlewrapper}>
                  <Text style={styles.title}> Loding... </Text>
          </View>
        </View>
        );
      }
    }

    const Section = StackNavigator({
       Root: {screen: Splashscreen},
       Splash: { screen: Splash },
       Login: { screen: Login },
       Registerscreen: { screen: Register },
       Temp: { screen: Check },
       Qwerty:{screen: Qwerty},
       Home:{screen: Home},
    });

    AppRegistry.registerComponent('shopcon', () => Section);
import React,{Component}来自'React';
从“react native”导入{AppRegistry、Text、StyleSheet、View、NetInfo、Alert、AsyncStorage};
从“./app/screens/Splash”导入飞溅
从“反应导航”导入{StackNavigator}
从“./app/screens/Login”导入登录名
从“./app/screens/Register”导入注册表
从“./app/screens/Check”导入检查
从“./app/screens/Qwerty”导入Qwerty
从“./app/screens/Home”导入主页
var存储_键='token';
var-demou令牌;
类Splashscreen扩展了React.Component{
静态导航选项={
标题:空
};
异步组件didmount(){
const{navigate}=this.props.navigation;
var DEMO_TOKEN=wait AsyncStorage.getItem(存储密钥);
if(DEMO_令牌===未定义){
导航(“登录”);
}else if(DEMO_令牌===null){
导航(“飞溅”);
}否则{
导航(“临时”);
}
};
render(){
const{navigate}=this.props.navigation;
返回(
住宿。。。
);
}
}
const Section=StackNavigator({
根:{screen:Splashscreen},
飞溅:{screen:Splash},
登录:{屏幕:登录},
寄存器屏幕:{screen:Register},
温度:{屏幕:检查},
Qwerty:{屏幕:Qwerty},
主页:{screen:Home},
});
AppRegistry.registerComponent('shopcon',()=>部分);
在这里,我现在可以正确导航,没有任何错误

这是我的tab.js=>这里我给出了三个选项卡(主要在first home.js中工作)

import React,{PureComponent}来自'React';
从“react native”导入{动画、样式表、视图};
从“react native tab view”导入{TabViewAnimated,TabBar};
从“react navigation”导入{StackNavigator};
从“/Qwerty”导入Qwerty;
从“./主页”导入主页;
//从“./Login”导入登录名
从“反应本机选项卡视图/类型”导入类型{NavigationState};
类型路由={
键:字符串,
标题:字符串,
};
类型状态=导航状态;
类选项卡扩展了PureComponent{
静态导航选项={
标题:空
};
状态:状态={
索引:0,
路线:[
{键:'1',标题:'Home'},
{键:'2',标题:'Shops'},
{键:“3”,标题:“书签”},
],
};
_第一:对象;
_第二:客体;
_第三:客体;
_handleIndexChange=索引=>{
这是我的国家({
指数
});
};
_renderLabel=props=>({route,index})=>{
constinputrange=props.navigationState.routes.map((x,i)=>i);
const outputRange=inputRange.map(
inputIndex=>(inputIndex==索引?'#fff':'#222')
);
常量颜色=props.position.interpolate({
输入范围,
输出范围,
});
返回(

似乎您导航到了错误的屏幕名称。 这应该可以做到

GoPressed(navigate){
    navigate("Registerscreen");
  }
老实说,我不能测试你的代码,因为这会花费太多时间。 看看这个简单的工作示例,看看你在寻找什么,并将它与你的代码相匹配

转到设置选项卡,然后单击按钮导航到其他注册表屏幕,该屏幕不在选项卡中


似乎您导航到了错误的屏幕名称。 这应该可以做到

GoPressed(navigate){
    navigate("Registerscreen");
  }
老实说,我不能测试你的代码,因为这会花费太多时间。 看看这个简单的工作示例,看看你在寻找什么,并将它与你的代码相匹配

转到设置选项卡,然后单击按钮导航到其他注册表屏幕,该屏幕不在选项卡中


你把你的代码放在电脑上,这样更容易阅读,怎么样test@nathvarun抱歉…但我不知道如何在零食上运行它,因为我在这里呈现了许多外部文件…你把代码放在上面,这样更容易理解如何test@nathvarun抱歉…但我不知道如何在零食上运行它,因为我在这里渲染了许多外部对象nal文件…很抱歉,我错误地做了
Register
它原来是
Registerscreen
现在我已经修改了它,但主要的问题不是这个。我如何给出从选项卡视图导航到另一个屏幕的路由?只需签出零食链接,看看这是否是您想要的输出。我检查了它。它正在工作,我正在eed,但我在这里使用的是
react native tab view
。在您的小吃中,您使用了tab navigator,我又遇到了一个问题,那就是如何在我的项目中使用该选项刚刚将导航系统从react native tab view更改为tab navigator现在工作了很抱歉,我错误地做了
Register
它原来是
Registerscreen
现在我已经修改了它,但主要的问题不是这个。我如何给出从选项卡视图导航到另一个屏幕的路由?只需签出零食链接,看看这是否是您要查找的输出。我检查了它。它可以满足我的需要,但我正在使用
react native tab view
这里。在您的零食中,您使用了选项卡导航r、 我又一次陷入了麻烦,我的项目中如何使用这个选项刚刚将导航系统从react native tab视图更改为TabNavigator,现在它可以工作了
GoPressed(navigate){
    navigate("Registerscreen");
  }