如何在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;

当我启动应用程序时，“列表”屏幕可见。

如何将“扫描”屏幕设置为默认屏幕？

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>