小编Jav*_*ies的帖子

警告:在简单的Javascript类中不推荐使用isMounted(...)

我正在使用react-navigation实现2个屏幕.但是在导航到第二页时我收到了以下警告:

警告:在简单的Javascript类中不推荐使用isMounted(...).相反,请确保清除componentWillUnmount中的订阅和挂起请求以防止内存泄漏.

版本:

  • 反应:16.3.1
  • 反应原生:0.55.2
  • 反应导航:1.5.11
  • util:0.10.3

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)

javascript reactjs react-native react-navigation

28
推荐指数
2
解决办法
1万
查看次数

反应导航tabBarVisible:false不适用于TabNavigator中的StackNavigator

我完全困惑要实现以下内容,这工作正常,但无法隐藏EditPage和PageTwo的标签栏

  • 登录
  • 注册
  • TabNavigator(TabNavigator)
    • 第一标签
    • SecondTab(StackNavigator)
      • 列表页
      • 编辑页面
    • ThirdTab(StackNavigator)
      • 第一页
      • 第二页
    • 设定值

下面是我的配置。

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)

javascript react-native react-navigation

5
推荐指数
1
解决办法
5053
查看次数