使用StackNavigator反应导航探针

时间:2019-09-01 02:00:47

标签: react-native react-navigation

我被困在这个问题已经两天了。我不知道如何解决这个问题。我知道错误是我不能在那里使用this.porps,但是我不知道如何解决。我在任何地方都找不到解决方案。

This is the error:

这是我的导航器配置:

import React from 'react';
import {createStackNavigator, createAppContainer} from 'react-navigation';

import LoginScreen from './screens/auth/Login';
import CadastroScreen from './screens/auth/Cadastro';

class Login extends React.Component {
  render() {
    return (
      <LoginScreen />
    );
  }  
}

class Cadastro extends React.Component {
  render() 
    {
    return (
      <CadastroScreen />
    );
  }  
}

const AppNavigator = {
    Cadastro: {
      screen: Cadastro,
      navigationOptions: { header: null }
    },
    Login: {
      screen: Login,
      navigationOptions: { header: null }
    },
  };

const Config = {
    initialRouteName: 'Login'
}

const AppNavigation = createStackNavigator(AppNavigator, Config);
export default createAppContainer(AppNavigation);

这是我尝试更改屏幕的方式:

import React from 'react';
import {Text, View, Button, Alert, TextInput, Image, TouchableOpacity} from 'react-native';
import { StackActions, NavigationActions } from 'react-navigation';
import Patern from '../style/Style';
class LoginScreen extends React.Component {

    render() {      
        return (
            <View style={Patern.container}>                
                <TouchableOpacity onPress={() => 
                       this.props.navigation.dispatch(
                        StackActions.reset({
                          routeName: 'Cadastro',
                          index: 0,
                          actions: 
                          NavigationActions.navigate({ routeName: 'Cadastro' })
                 }))}>
                </TouchableOpacity>                
         </View>
        );
    }
}

export default LoginScreen;

1 个答案:

答案 0 :(得分:1)

df.withColumn('Day', f.date_format('date', 'EEEE')).show()
+----------+--------+
|      date|     Day|
+----------+--------+
|2010-01-07|Thursday|
+----------+--------+

您需要将道具从class Login extends React.Component { render() { return ( <LoginScreen navigatoin={this.props.navigation} /> ); } } 传递到Login。 导航道具仅从LoginScreen传递到一个深度。