我想添加 TrackList 螢屏以導航到 TrackDetail。我有這樣的，但我知道有一個問題。我似乎不知道如何將該功能添加到曲目串列中。
<Tab.Navigator>
<Stack.Navigator>
<Stack.Screen name="TrackList" component={TrackListScreen} />
<Stack.Screen name="TrackDetail" component={SigninScreen} />
</Stack.Navigator>
<Tab.Screen name="TrackCreate" component={TrackCreateScreen} />
<Tab.Screen name="Account" component={AccountScreen} />
</Tab.Navigator>
uj5u.com熱心網友回復：
里面只能有Tab.Screen元素Tab.Navigator。因此，只需先將堆疊包裝到另一個組件中。例如，創建您的堆疊組件，如：
const TrackListStack = () => {
return (
<Stack.Navigator>
<Stack.Screen name="TrackList" component={TrackListScreen} />
<Stack.Screen name="TrackDetail" component={SigninScreen} />
</Stack.Navigator>
);
};
并將組件添加到您的導航器中：
<Tab.Navigator>
<Tab.Screen name="TrackListStack" component={TrackListStack} />
<Tab.Screen name="TrackCreate" component={TrackCreateScreen} />
<Tab.Screen name="Account" component={AccountScreen} />
</Tab.Navigator>
uj5u.com熱心網友回復：
你不能。一種適當的方法是使用這種方式
<Tab.Navigator>
<Tab.Screen name="TabListScreen" component={TabListScreen} />
<Tab.Screen name="AnotherTabListScreen" component={AnotherTabListScreen} />
</Tab.Navigator>
<Stack.Navigator
initialRouteName="TabNavigator">
<Stack.Screen name="TabNavigator" component={TabNavigator} />
<Stack.Screen name="ScreenDetail" component={ScreenDetail} />
</Stack.Navigator>
uj5u.com熱心網友回復：
您不能將Stack元素內部包裝到Tab導航中，您需要單獨創建function，Stack navigation并且可以將此Stacknavigation功能添加到選項卡導航中，例如：-
const StackNavigation = () => {
return (
<Stack.Navigator>
<Stack.Screen name="TrackList" component={TrackListScreen} />
<Stack.Screen name="TrackDetail" component={SigninScreen} />
</Stack.Navigator>
);
};
<Tab.Navigator>
<Tab.Screen name="TrackListStack" component={StackNavigation} />
<Tab.Screen name="TrackCreate" component={TrackCreateScreen} />
<Tab.Screen name="Account" component={AccountScreen} />
</Tab.Navigator>
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/453275.html
標籤：反应 反应式 ecmascript-6