React-Navigation не работает при работе с redux - PullRequest
Новая
       8

React-Navigation не работает при работе с redux

0 голосов
/ 03 февраля 2019

У меня было простое приложение с одной кнопкой и навигацией, и все было хорошо.затем я добавил избыточность, чтобы работать с изображениями, и теперь, когда я нажимаю на изображение, я хочу быть перенаправлен на новую страницу, однако я получаю сообщение об ошибке: ReferenceError: навигация не определена.

Все работало додобавлен магазин и редукция.

Навигация: 

export default class KittensApp extends React.Component {
    render() {
        return (
            <Navigator />
        );
    }
}

const AppStackNavigator = createStackNavigator({
    Home: {
        screen:enter code here KittenList
    },
    Profile: {
      screen: KittenInfo
    }
});

const Navigator = createAppContainer(AppStackNavigator);

handlePress(item){
    console.log(this.props.navigation);
    this.props.navigation.navigate('Profile');
  }

  renderItem = ({ item }) => {
    const uris = 'data:image/png;base64,' + item.image;
    return (
      <TouchableOpacity style={{flex: 1, flexDirection:'column', justifyContent: 'center'}}
      onPress={()=> this.handlePress(item)}>
        <Image style = {{width: 300, height:200, margin: 5}}
          source={{ uri: uris}} 
        />
        <View style={{flex:1, justifyContent: 'center', alignItems: 'center'}}>
          <Text>{item.name}</Text>
        </View>
      </TouchableOpacity>
    )
  }
...