我正在使用react-navigation实现2个屏幕.但是在导航到第二页时我收到了以下警告:
警告:在简单的Javascript类中不推荐使用isMounted(...).相反,请确保清除componentWillUnmount中的订阅和挂起请求以防止内存泄漏.
版本:
Login.js
import React, { Component } from 'react';
import { Text, View, Image, TextInput, TouchableOpacity } from 'react-native';
import styles from "./styles";
export default class Login extends Component {
constructor(props) {
super(props);
}
render() {
const { navigate } = this.props.navigation;
return (
<View style={styles.container}>
<View style={styles.formContainer}>
<TouchableOpacity style={styles.button} onPress={()=> navigate('Home')} >
<Text style={styles.buttonText}>LOGIN</Text>
</TouchableOpacity>
</View>
</View>
)
}
Run Code Online (Sandbox Code Playgroud)
Home.js
import React, { Component } from 'react';
import { Text, View } from …
Run Code Online (Sandbox Code Playgroud) 我完全困惑要实现以下内容,这工作正常,但无法隐藏EditPage和PageTwo的标签栏
下面是我的配置。
import { createStackNavigator, createSwitchNavigator, createBottomTabNavigator } from 'react-navigation';
//Other required imports here
const SignedOut = createStackNavigator({
Signup: { screen : Signup},
Login: { screen : Login}
});
const SignedIn = createBottomTabNavigator({
Dashboard: {
screen: Dashboard
},
Rewards: {
screen: createStackNavigator({
Rewards:{
screen: Rewards,
navigationOptions:{
header:null
}
},
AddReward:{
screen: AddReward,
navigationOptions:{
header:null,
tabBarVisible: false
}
}
})
},
Activities: {
screen: createStackNavigator({
Rewards:{
screen: Activities,
navigationOptions:{
header:null …
Run Code Online (Sandbox Code Playgroud)