react-native-navigation 相关问题

注意：如果有什么遗漏，请指导我。我有一个 Drawer Navigator，它包含像 Stack Screens 这样的 Drawer Screens：注意：如果有什么遗漏，请指导我。我有一个抽屉导航器，其中包含抽屉屏幕，这些屏幕是堆栈屏幕，例如： <PaperProvider theme={theme}> <NavigationContainer> <Drawer.Navigator screenOptions={({ }) => ({ // headerShown: false, // title:"", headerTransparent: true, headerTitle: "", })}> <Drawer.Screen name="Home" component={HomeScreen} /> <Drawer.Screen name="Groups" component={GroupsScreen} /> <Drawer.Screen name="Rides" component={RidesScreen} /> </Drawer.Navigator> </NavigationContainer> </PaperProvider> 问题是 Drawer Navigator 的标题汉堡显示在 HomeScreen 和它里面的每个帮助屏幕等上。我想在第一个屏幕上显示“HomeHelper”，但想隐藏在它导航到的其他屏幕上，例如“ListOfRides”屏幕。主屏幕： <Stack.Navigator screenOptions={() => ({ headerTitle: "", headerTransparent: true, //headerShown:false })}> {rideBooked == true ? ( <Stack.Screen name="Screen1" component={Screen} options={{ headerRight: () => ( <Button onPress={() => alert('This is a button!')} >Cancel</Button> ), }}/> ) : ( <> {/* headertransparent for these */} <Stack.Screen name="HomeHelper" component={HomeHelperScreen} /> <Stack.Screen name="ListOfRides" component={ListOfRidesScreen} /> </> )} </Stack.Navigator> screenOptions={{ header:()=> `ENTER YOUR VIEW HERE`, headerShown: true, tabBarShowLabel: true, animation: 'fade', }}

react-native react-navigation react-native-navigation react-navigation-v6

回答 1 投票 0

如何将图标添加到顶部选项卡导航的右侧

如何在我的顶部选项卡导航器中添加这两个图标我已经尝试过但我不熟悉正确的道具这是更好理解的代码： const MyTopTabs = () => { 返回（ &...

javascript react-native expo react-native-navigation

回答 0 投票 0

PaymentConfiguration 未初始化。 React Native 条带支付集成

在这里输入图片描述 PaymentConfiguration 未初始化。 React Native 条带支付集成帮我解决 React Native 应用程序中的这个错误。

reactjs react-native stripe-payments react-native-navigation

回答 0 投票 0

React Native Redux Firebase 身份验证导航重定向

我正在使用 redux 和 firebase 来验证用户。授权片： const 初始状态 = { 用户：空， }; export const authSlice = createSlice({ 名称：“授权”，初始状态，减速机：...

react-native redux firebase-authentication react-native-navigation

回答 0 投票 0

如何在原生 Android 应用程序中加载不同的 ReactNative 包？

我有一个本机 Android 应用程序和两个独立的 ReactNative 包，当用户在本机应用程序中激活一个或另一个时，我需要加载它们。每个捆绑的 ReactNative 应用程序还使用 react-navig...

android react-native react-native-navigation

回答 1 投票 0

在 React Native Typescript 中定义参数列表

我有一个部分屏幕，它从数据库中获取测验数据并将其传递给基于该部分的测验屏幕。来自数据库的数据结构为： { 部分：[ { 问题： [ ...

reactjs typescript react-native react-native-navigation react-typescript

回答 2 投票 0

WARN 发送 `onAnimatedValueUpdate` 而没有注册监听器

我卡住了。我正在使用 React Native CLI 和 React Navigation 6.x 开发移动应用程序然后当我使用材料顶部选项卡导航器时，从左到右或从右到左滑动。它也...

react-native react-navigation react-native-navigation react-navigation-v6 react-navigation-top-tabs

回答 0 投票 0

No overload matches this call error: React Native Navigation

我对 React Native 和 React Native Navigation 还很陌生。我收到一条错误消息： "message": "没有匹配此调用的过载。重载 1 of 2, '(...args: never: void',...

typescript react-native react-native-navigation

回答 4 投票 0

浏览嵌套材料顶部选项卡时的空白屏幕

有这样的应用底部标签选项卡 A（包含材料顶栏）材质顶部标签 1 材质顶部标签 2 材质顶部选项卡 3（包含嵌套材质顶部栏）嵌套材料顶部栏选项卡 x 嵌套材料...

react-native react-native-navigation

回答 0 投票 0

在 TypeScript React Native Navigation 中定义参数

我有一个部分屏幕，它从数据库中获取测验数据并将其传递给基于该部分的测验屏幕。来自数据库的数据结构为： { 部分：[ { 问题： [ ...

reactjs typescript react-native react-native-navigation react-typescript

回答 0 投票 0

React 本机导航 - 堆栈中的屏幕太多

嗨，我是 React native 和 React native 导航的新手。我正在使用反应导航屏幕来显示有关用户的详细信息。我有大约 100 个不同的用户。我正在使用...导航到下一个用户...

react-native react-native-navigation

回答 1 投票 0

如何在 React Native 中单独调整材料顶部标签的宽度

我的目标是复制 WhatsApp UI。但是，我无法在让其他图标沿行方向弯曲的同时缩小相机图标。下面是代码我的目标是复制 WhatsApp UI。但是，我无法在让其他图标沿行方向弯曲的同时缩小相机图标。下面是代码 <Tab.Navigator screenOptions={{ tabBarPosition: 'top', tabBarIndicatorStyle: { backgroundColor: colors.text, height: 4, }, tabBarStyle: { backgroundColor: colors.foreground, }, tabBarContentContainerStyle: { flexDirection: 'row', flex: 1, justifyContent: 'space-between', // alignItems: 'center', }, tabBarLabelStyle: { fontWeight: '600', }, tabBarActiveTintColor: colors.text, tabBarInactiveTintColor: colors.secondaryText, }} initialRouteName="chats"> <Tab.Screen name="Camera" component={Camera} options={{ tabBarIcon: ({ color }) => ( <AntDesign name="camera" size={24} color={color} /> ), tabBarLabel: () => null, tabBarItemStyle: { width: 50 }, tabBarIconStyle: { width: 75 }, }} /> <Tab.Screen name="Chats" component={Chats} /> <Tab.Screen name="Status" component={Status} /> <Tab.Screen name="Calls" component={Calls} /> </Tab.Navigator> 在弄乱 tabBarItemStyle 的宽度后，我注意到在单击时，它也会更改其他选项卡的宽度。在 tabBarItemStyle 的文档中，它说它改变了个人样式，但这不是我所经历的。单击相机图标时，我得到以下信息：当我单击其他选项卡时：我无法单独更改选项卡的样式，我尝试了很多不同的变体。我错过了什么？提前致谢。我可以重现同样的问题。似乎 tabBarItemStyle 在所有选项卡项之间共享。这可能是由于默认标签栏组件的限制。也许在文档中，Style object for the individual tab items可以解释为for each tab item 我能想到的最好的方法是保持项目样式不变，单独设置tabBarLabelStyle。 <Tab.Screen name="Camera" component={Camera} options={{ tabBarIcon: ({ color }) => ( <AntDesign name="camera" size={24} color={color} /> ), tabBarLabel: () => null, // use margin to move the icon tabBarIconStyle: { marginRight: '60%', width: 50 }, tabBarIndicatorStyle: { width: 50 } }} /> <Tab.Screen name="Chats" component={Chats} /> <Tab.Screen name="Status" component={Status} /> <Tab.Screen name="Calls" component={Calls} /> 警告：从相机移动到其他选项卡时，指示器没有流畅的动画否则创建自定义标签栏可以得到最好的结果，如评论中所述。

react-native styles react-native-navigation react-navigation-top-tabs

回答 1 投票 0

React Native Navigation - 在底部选项卡之间和上方共享视图

使用 React Native Navigation 和 React Native Paper，我想在底部选项卡之间和上方共享一个视图（实例），例如下面的音乐播放器。我的应用程序将在堆栈中有一个选项卡导航器

react-native tabs react-native-navigation react-native-paper

回答 0 投票 0

react-native-navigation 相关问题

最新问题