第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

結(jié)合 Stack 和 Drawer 構(gòu)建 TabNavigator

結(jié)合 Stack 和 Drawer 構(gòu)建 TabNavigator

慕容708150 2023-05-19 17:44:14
我目前構(gòu)建了這些導(dǎo)航器:const MainStackNavigator = () => {return (  <Stack.Navigator  screenOptions={{    cardStyle: {backgroundColor: theme['primaryColor']},    header: () => <MenuComponent />,  }}>  <Stack.Screen name="Logins" component={LoginScreen} />  <Stack.Screen name="Swipe" component={SwipeScreen} />  <Stack.Screen name="List" component={ListScreen} />  <Stack.Screen name="Detail" component={DetailScreen} /></Stack.Navigator>);};return (  <Root>    <NavigationContainer>      <Drawer.Navigator        screenOptions={{swipeEnabled: false}}        drawerContent={(props) => <SidebarComponent {...props} />}        initialRouteName="Login">        <Drawer.Screen name="List" component={MainStackNavigator} />      </Drawer.Navigator>    </NavigationContainer>  </Root>);我需要在“滑動(dòng)”屏幕上另外添加一個(gè) TabNavigator,這樣我就可以再構(gòu)建 3 個(gè)屏幕并在它們上面滑動(dòng)
查看完整描述

1 回答

?
湖上湖

TA貢獻(xiàn)2003條經(jīng)驗(yàn) 獲得超2個(gè)贊

您可以TabNavigator使用所需的屏幕創(chuàng)建一個(gè)。然后將它包含在您MainStackNavigator而不是Swipe屏幕組件中。


首先,您可以創(chuàng)建TabNavigator這樣的。


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


const Tab = createBottomTabNavigator();


const TabNavigator = () => {

  return (

    <Tab.Navigator>

      <Tab.Screen name="Screen1" component={Screen1} />

      <Tab.Screen name="Screen2" component={Screen2} />

      <Tab.Screen name="Screen3" component={Screen3} />

    </Tab.Navigator>

  );

};

然后,將它包含在您MainStackNavigator而不是像Swipe這樣的屏幕組件中。


const MainStackNavigator = () => {

  return (

    <Stack.Navigator

      screenOptions={{

        cardStyle: { backgroundColor: theme['primaryColor'] },

        header: () => <MenuComponent />,

      }}>

      <Stack.Screen name="Logins" component={LoginScreen} />

      <Stack.Screen name="Tabs" component={TabNavigator} />

      <Stack.Screen name="List" component={ListScreen} />

      <Stack.Screen name="Detail" component={DetailScreen} />

    </Stack.Navigator>

  );

};

如果您對(duì)此有任何問題,請?jiān)谶@里發(fā)表評(píng)論。


查看完整回答
反對(duì) 回復(fù) 2023-05-19
  • 1 回答
  • 0 關(guān)注
  • 143 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)