react-native 相关问题

我有 4 个导航堆栈菜单、仪表板、进度和通知。导出 const HomeTabs = () => { 返回（我有 4 个导航堆栈菜单、仪表板、进度和通知。 export const HomeTabs = () => { return ( <Tabs.Navigator tabBarPosition="bottom" initialRouteName="DashboardStack" screenOptions={getTabNavigationOptions}> <Tabs.Screen component={MenuStack} name="MenuStack" /> {/* <Tabs.Screen component={CalendarStack} name="CalendarStack" /> */} <Tabs.Screen component={DashboardStack} name="DashboardStack" /> <Tabs.Screen component={ProgressStack} name="ProgressStack" initialParams={{route_index: 0}} /> <Tabs.Screen component={NotificationStack} name="NotificationStack" /> </Tabs.Navigator> ); }; 后退导航在特定选项卡的屏幕之间正常工作，但是当我切换选项卡然后立即按返回时，它应该切换到另一个选项卡中的上一个屏幕。谁能告诉我如何实现这一目标？ write headerShown: false（关闭屏幕上的标题导航） <Tabs.Screen component={ProgressStack} name="ProgressStack" initialParams={{route_index: 0}} options={{ headerShown: false, }}/> 在组件中，您需要接受 {navigation} 属性，之后您需要对按钮组件进行布局，单击该组件后，您将返回到所需的屏幕 navigation.navigate('SCREEN') 或 navigation.back() YOURSCREE.jsx 中的示例 export default function YOUCOMPONENT ({navigation}) { return( <SafeAreaView style={{ justifyContent: 'space-between', alignItems: 'center', flexDirection: 'row', }}> <TouchableOpacity onPress={() => navigation.navigate('YOUR DESIRED SCREEN TO BACK')}> {/*Your svg or image of Arrow */} </TouchableOpacity> <View> <Text style={{fontFamily: 'mt-bold', fontSize: 18,}}>YOUR SCREEN TEXT</Text> </View> </SafeAreaView> ); } 您必须在 Tab.Navigator 的 init 中设置 backBehavior。 <Tab.Navigator backBehavior={'history'}> <Tab.Screen name={'FeedStack'} component={FeedStack} /> <Tab.Screen name={'TasksStack'} component={TasksStack} /> <Tab.Screen name={'ChatsStack'} component={ChatStack} /> <Tab.Screen name={'ServicesStack'} component={ServicesStack} /> <Tab.Screen name={'MyTeamStack'} component={MyTeamStack} /> </Tab.Navigator> 查看文档以了解适合您案例的其他选项： https://reactnavigation.org/docs/bottom-tab-navigator/#backbehavior

react-native react-navigation-stack react-navigation-bottom-tab

回答 2 投票 0

利用tailwindgluestack-ui的默认配置

我试图将gluestack添加到我的项目中，看来我无法正确配置它，我遵循了安装指南（cli 并仔细检查了手册），但似乎它不会影响任何...

react-native tailwind-css tailwind-in-js gluestack

回答 1 投票 0

React Native 应用程序中的 Hestia Tweak 绕过 iOS 越狱检测

我们在 React Native 中为 Android 和 iOS 开发了一款企业级移动应用程序。在 VAPT（漏洞评估和渗透测试）期间，我们的客户发现他们可以绕过...

ios swift react-native

回答 1 投票 0

react-native 相关问题

最新问题