如何在 React Native 底部导航中设置默认屏幕？

Question

这是我的带有三个导航屏幕的应用程序。

import React from 'react';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';

import Scan from '../containers/scan';
import List from '../containers/list';
import More from './more';

const Tab = createBottomTabNavigator();

function Home(props) {
  return (
      <Tab.Navigator>
        <Tab.Screen 
          name="List" 
          component={List}
        />
        <Tab.Screen 
          name="Scan" 
          component={Scan} 
        />
        <Tab.Screen 
          name="More" 
          component={More} 
        />
      </Tab.Navigator>
  );  
}

export default Home;

当我启动应用程序时，"List" 屏幕可见。

如何将 "Scan" 屏幕设置为默认屏幕？

Answer 1

您必须像下面这样设置导航器的 initialRouteName 属性

<Tab.Navigator initialRouteName="Scan">
        <Tab.Screen 
          name="List" 
          component={List}
        />
        <Tab.Screen 
          name="Scan" 
          component={Scan} 
        />
        <Tab.Screen 
          name="More" 
          component={More} 
        />
      </Tab.Navigator>

如何在 React Native 底部导航中设置默认屏幕？

How to set the default screen in react native bottom navigation?

react-native

react-native-navigation