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

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

如何將頁(yè)眉組件放在 TopTabNavigator 上方?

如何將頁(yè)眉組件放在 TopTabNavigator 上方?

吃雞游戲 2023-03-24 15:23:15
我想在 Header 組件位于 TopTabNavigator 上方的位置執(zhí)行此操作:示例如果我沒(méi)有兩種類型的導(dǎo)航器(Stack 和 Tab),我可以這樣做:(使用<NavigaionContainer>Header 并將其放入其中,但這不是我的情況)//Just an Exampleconst Tab = createMaterialTopTabNavigator();function MyTabs() {    return (      <NavigationContainer>        <Header /> <-- Put the header here        <Tab.Navigator>          <Tab.Screen name="Home" component={HomePage} />          <Tab.Screen name="Friends" component={FriendsPage} />          <Tab.Screen name="Store" component={StorePage} />          <Tab.Screen name="Notifications" component={NotificationsPage} />        </Tab.Navigator>      </NavigationContainer>    );  }這是我的代碼:import Header from './src/components/Header';const Tab = createMaterialTopTabNavigator();function MyTabs() {    return (      <Tab.Navigator>        <Tab.Screen name="Home" component={HomePage} />        <Tab.Screen name="Friends" component={FriendsPage} />        <Tab.Screen name="Store" component={StorePage} />        <Tab.Screen name="Notifications" component={NotificationsPage} />      </Tab.Navigator>    </NavigationContainer>  );}const Stack = createStackNavigator();function App() {  return (    <NavigationContainer>      <Stack.Navigator   initialRouteName="home" screenOptions={{        headerShown: false      }} >        <Stack.Screen name="Login" component={Login} />        <Stack.Screen name="Register" component={Register} />        <Stack.Screen name="MainContent" component={MyTabs} />      </Stack.Navigator>    </NavigationContainer>  );}
查看完整描述

1 回答

?
米琪卡哇伊

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

您可以在堆棧導(dǎo)航器中設(shè)置header屏幕options的 propMainContent以呈現(xiàn)該屏幕的自定義標(biāo)題。


假設(shè)您只想顯示頂部選項(xiàng)卡的自定義標(biāo)題,而導(dǎo)航器中的其他屏幕根本沒(méi)有標(biāo)題,您可以執(zhí)行以下操作:


function App() {

  return (

    <NavigationContainer>

      <Stack.Navigator

        initialRouteName="home"

        screenOptions={({route}) => ({

          headerShown: route.name === 'MainContent',

        })}>

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

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

        <Stack.Screen

          name="MainContent"

          component={MyTabs}

          options={{header: () => <Header />}}

        />

      </Stack.Navigator>

    </NavigationContainer>

  );

}


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

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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