0

アプリケーションを起動する特定のタブを設定しようとしています。UI子猫のナビゲーションは最初のタブから始まり、実際には2番目の位置にあるタブが最初にユーザーに表示されるようにしたい. UI子猫の下部タブバー内でinitialRouteを設定する方法が見つかりません。明確にするために、コードの一部を投稿します。

const { Navigator, Screen } = createBottomTabNavigator();

const BottomTabBar = ({ navigation, state }) => (

  <View>
    <Divider />
    <BottomNavigation
      appearance="noIndicator"
      selectedIndex={state.index}
      onSelect={(index) => navigation.navigate(state.routeNames[index])}
    >
      <BottomNavigationTab title="screen1" icon={icon1} />
      <BottomNavigationTab title="screen2" icon={icon2} />

      <BottomNavigationTab title="screen3" icon={icon3} />
    </BottomNavigation>
  </View>
);

export const BottomTabsNavigator = () => (
  <Navigator tabBar={(props) => <BottomTabBar {...props} />}>
    <Screen name="screen1" component={Screen1}/>
    <Screen name="screen2" component={Screen2}/>
    <Screen name="screen3" component={Screen3} />
  </Navigator>
);

export const AppNavigator = () => {

  return (
  <SafeAreaView>
  <NavigationContainer>
    <Navigator headerMode='none' >
      <Screen name={'BottomTabs'} component={BottomTabsNavigator} />
    </Navigator>
  </NavigationContainer>
  </SafeAreaView>
)
};

複数のポジションで試してみましたが、うまくいかないようです。

4

1 に答える 1