Javascript 使用底部导航栏时，屏幕在浏览器中不可见，但在手机上不可见？

我正在用react native编写一个应用程序，今天我用react navigation实现了一个底部导航栏。此项目中使用了react导航材质底部栏。在手机上一切正常（使用expo客户端进行测试），但在浏览器中，屏幕不会只显示底部导航栏

以下是我的App.js代码：

function Feed() {
  return (
    <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
      <Text>Feed!</Text>
    </View>
  );
}

function Profile() {
  return (
    <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
      <Text>Profile!</Text>
    </View>
  );
}

const Tab = createMaterialBottomTabNavigator();

function MyTabs() {
  return (
    <Tab.Navigator
      initialRouteName="Card"
      shifting={true}
      activeColor={colours.bg}
      labelStyle={{ fontSize: 12 }}
    >
      <Tab.Screen
        name="Card"
        component={Feed}
        options={{
          tabBarLabel: "Card",
          tabBarColor: "tomato",
          tabBarIcon: ({ color }) => (
            <MaterialCommunityIcons name="home" color={color} size={26} />
          ),
        }}
      />
      <Tab.Screen
        name="History"
        component={Profile}
        activeColor
        options={{
          tabBarLabel: "History",
          tabBarColor: "green",
          tabBarIcon: ({ color }) => (
            <MaterialCommunityIcons name="account" color={color} size={26} />
          ),
        }}
      />
    </Tab.Navigator>
  );
}

export default function App() {
  const toggleOpen = () => {};
  return (
    <NavigationContainer>
      <MyTabs />
      <View style={styles.btnCircle}>
        <View style={[styles.button, styles.actionBtn]}>
          <TouchableOpacity onPress={() => toggleOpen()}>
            <Image
              style={{ width: 60, height: 60 }}
              resizeMode="contain"
              source={require("./assets/plusIcon.png")}
            />
          </TouchableOpacity>
        </View>
      </View>
    </NavigationContainer>
  );
}

´´´

Is there a known issue or did I code something wrong ?

函数提要（）{
返回(
喂！
);
}
函数配置文件（）{
返回(
轮廓
);
}
const Tab=createMaterialBottomTabNavigator（）；
函数MyTabs（）{
返回(
(
),
}}
/>
(
),
}}
/>
);
}
导出默认函数App（）{
const-toggleOpen=（）=>{}；
返回(
toggleOpen（）}>
);
}
´´´
是否存在已知问题或我是否编写了错误代码？