React Native底部导航如何将指定Screen设为默认启动页面？

嘿，这事儿超简单！你只需要给Tab.Navigator添一个initialRouteName属性，把它的值设为"Scan"，就能让应用启动时默认显示Scan页面了。

修改后的完整代码如下：

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 (
    // 新增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>
  );
}
export default Home;

小补充说明： #

initialRouteName是React Navigation底部标签导航器的内置属性，专门用来指定导航器初始化完成后第一个渲染的页面。只要这个属性的值和你Tab.Screen组件里的name属性完全匹配（注意大小写要一致），就能自动把对应页面设为默认首页啦。

内容的提问来源于stack exchange，提问作者FabioDev