Что я делаю не так с этим стековым навигатором? - PullRequest
Новая
       15

Что я делаю не так с этим стековым навигатором?

0 голосов
/ 27 июня 2019

Я пытаюсь научить себя реагировать, создав новое приложение, используя Firebase в качестве бэкэнда. В настоящее время я пытаюсь разобраться с навигационными навигаторами, чтобы расположить экраны в моем приложении, прежде чем добавлять контент.

У меня проблема в том, что стековый навигатор не перемещается. Он отображает следующий экран и добавляет его на страницу, а затем инициирует переход, но по какой-то причине переход просто не происходит. поэтому происходят следующие события: * willBlur (on the originating screen) * onTransitionStart` (при переходе в стек)

Я предположил, что сделал что-то не так, поэтому я переписывал три или четыре раза, и в последний раз я свел это к простейшей возможной итерации проблемы, просто стековый навигатор и два экрана - и у меня та же проблема. Я просмотрел документацию несколько раз, и я думаю, что на данный момент я просто большой идиот по этому поводу.

Это все мое приложение, чтобы показать его 

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


class Main extends React.Component {

  navigateToList() {
    const { navigation } = this.props;
    navigation.navigate('list');
  }

  render() {
    return (
      <TouchableOpacity
        onPress={this.navigateToList.bind(this)}
      >
        <Text>Go To Listing Page</Text>
      </TouchableOpacity>
    );
  }
}

class List extends React.Component {

  render() {
    const { refreshing } = this.props;
    return (
      <Text>LISTING PAGE</Text>
    );
  }
}

const MainStack = createStackNavigator({
  mode: { screen: Main },
  list: { screen: List }
}, {
  initialRouteName: 'mode',
});

const App = createAppContainer(MainStack);

export default () => (
  <App />
);

и мой package.json имеет следующее: 

    "react": "16.8.3",
    "react-native": "0.59.3",
    "react-native-firebase": "^5.4.0",
    "react-native-gesture-handler": "^1.3.0",
    "react-navigation": "^3.11.0"

В данный момент он просто показывает «главный» экран и не переходит к экрану «список». Кроме того, кнопка перестает реагировать, так что похоже, что все начинает работать, но потом никогда не завершается по какой-то причине, которую я не могу объяснить.

...