Javascript 从“选项卡视图”屏幕导航到另一个屏幕“不工作”
以下是我的代码:-发布完整代码 index.android.jsJavascript 从“选项卡视图”屏幕导航到另一个屏幕“不工作”,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
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");
}