Возникла проблема с использованием реагирующей навигации 3 в реальном устройстве. - PullRequest
0 голосов
/ 19 февраля 2019

У меня есть один материалBottomTabNav, а внутри этого материалаBottomTabNav у меня есть stackNavigator.В течение нескольких недель я разворачиваю StackNav внутри MaterialBottomTabBar или наоборот.

Вот App.js

class App extends Component{
  render(){
    return(
      <BottomNavigator/>
    )
  }
}

export default App;

bottomNavigator.js

const BottomTabNavigator1 = createMaterialBottomTabNavigator({

    HomeContainer : {
        screen : HomeContainer
    },
    OrdersPage : {
        screen : OrdersPage
    },
    ProfilePage : {
        screen : ProfilePage
    }
},


);

const BottomTabNavigator = createAppContainer(BottomTabNavigator1)

export default BottomTabNavigator;

homeContainer.js (Stack Nav, который находится внутри нижней полосы материала)

const HomeCapsule = createStackNavigator({

    ScreenOne : {
        screen : ScreenOne
    },
    ScreenTwoPage : {
        screen : ScreenTwo
    },
    ScreenThree : {
        screen : ScreenThree
    }
},


);

const HomeContainer = createAppContainer(HomeCapsule)

export default HomeContainer;

С этим API навигации может быть большой пробел.Я пробовал три разных телефона Android.Внутри стека this.props.navigation.navigate не работает.Самое смешное, что в течение трех недель все мои навигационные вложенные проекты работают в эмуляторе Android.Они все работают.Но когда я запускаю их в реальном устройстве, я теряю надежду.Через два месяца я должен что-то изменить в своем приложении.

Github Repo за попытку

https://github.com/selimmidikoglu/react-navigation3

Просто клонируйте код отсюда и попробуйте запустить его на своем Android-устройстве для воспроизведения.

...