react-native-navigation 相关问题

将此标记用于与React Native Navigation库相关的问题,该库为React Native应用程序提供完整的本机导航解决方案。

为什么在主组件之前不显示文本输入?

App.tsx 从“反应”导入反应; 进口 { 安全区域视图, 状态栏, 样式表, 文本输入, 看法, 来自 'react-native'; 从 './screens/Main' 导入 Main; 函数 App(): JSX.Element {

回答 1 投票 0

React Navigation 6 - 标题标题移动到与屏幕相反的方向。为什么?

我将屏幕移动的方向更改为从左向右移动。然而,当屏幕从左向右移动时,标题标题仍然从右向左移动,这看起来当然很奇怪。是...

回答 1 投票 0

有人有将React Native代码从0.59版本转换到最新版本的经验吗?

有任何工具或解决方案可以帮助完成此任务吗? 我有一个旧的 React Native 项目,版本为 0.59.10,我想将其转换为最新版本。我尝试过几种方法...

回答 1 投票 0

我想隐藏标题。使用 Expo Go 时它是隐藏的,但是当我将其发布并构建为 APK 并安装它时,标题变得可见

我遇到了 React Native 导航问题。使用Expo Go时,标题不可见,这正是我想要的。但是,当我使用 EAS Build 将应用程序构建为 APK 并安装它时...

回答 1 投票 0

反应原生stackNavigator在嵌套导航中创建2个导航

我在本机反应中使用createStackNavigator,当我在导航器内部使用导航器时,我面临着多个屏幕和视图问题。 预计只会看到一个导航器 - 如图所示:

回答 1 投票 0

如何在 React Native 中更改 NavigationContainer 的背景颜色?

反应本机 我有 NavigationContainer,我想将背景颜色更改为黑色。 我先做 其次是下面的代码 我...

回答 1 投票 0

无法将未定义的值转换为对象 - React Native with expo

我想在我的应用程序中使用导航器,并且我使用 expo 来处理我的项目:这是我的 App.js: 从“react-native”导入{查看}; 从“./components/LoginPage”导入登录页面;

回答 2 投票 0

如何从材质底部选项卡导航器中删除溢出,反应原生

我正在尝试在材质底部选项卡导航器的中间添加一个大按钮。 我使用的版本是6.2.17, 我知道使用 createBottomTabsNavigator 很容易做到,但我想...

回答 1 投票 0

如何在 TouchableOpacity 中传递链接或对象

我是 React Native 的新手,我正在构建一个简单的新闻应用程序。我可以在 NewsListScreen 上获取并显示项目,但无法将对象传递到 NewsItemScreen 或打开链接来阅读

回答 1 投票 0

React Native - 单击抽屉组件底部导航时不显示

我是 React Native 的新手,正在构建一个带有登录、注册、主页和设置屏幕的简单应用程序。 我已经安装了 Stack Navigator、Drawer Navigator 和 Bottom Tabs Navigator 以及

回答 1 投票 0

如何在React Native中隐藏特定屏幕上的底部导航栏?

我正在使用 React Native 和 React Native Navigation 来构建我的应用程序。目前,我有三个底部选项卡:主页、上传视频和消息。选择“上传视频”选项卡后,我想要...

回答 12 投票 0

在React Native导航6中将参数传递给底部选项卡组件

我有如下代码: const 项目 = ({ 导航, 路线 }) => { const id = 路由.params.itemId; 返回 ( 我有如下代码: const Project = ({ navigation, route }) => { const id = route.params.itemId; return ( <Stack.Navigator > <Stack.Screen name="ProjectMain" component={TopNav} initialParams={{ id: id }} /> </Stack.Navigator> ); }; 现在如何将initialParams传递给我的组件TopNav? 我的TopNav如下所示 const TopNav = (props) => { console.log(props); console.log(props.route); return ( <> //my tab screens </> ); }; 我无法在这里获取参数,它总是未定义的。如何将某些内容传递到我的 TopNav 组件? 这对我来说看起来是正确的。 您能否仔细检查 id(项目中的第 2 行)是否未定义? props.route 的输出是什么?它应该是一个带有 key、name、params 和 path 的对象 你可以尝试使用: const TopNav = () => { const route = useRoute() console.log(route); return ( <> //my tab screens </> ); }; 使用 选项。 <Stack.Screen name="ProjectMain" component={TopNav} options={{ id: 'Awesome app', }} />

回答 2 投票 0

更改默认浅灰色背景颜色

默认情况下,我在react-native项目中创建的每个屏幕都使用非常浅的灰色作为背景颜色。正如你在这里看到的: 我想知道我不是为我的专业版的每个屏幕设置背景颜色...

回答 4 投票 0

如何在 React Native 的特定屏幕中导航到不同的底部选项卡导航

我有底部选项卡导航,例如我已附加带有导航的屏幕。 框架:React Native,React Native 导航 v6。 问题:我需要从“主页”选项卡导航到第二个屏幕...

回答 1 投票 0

expo React 原生导航,屏幕卡在默认徽标

从'react'导入React,{Component} 从 './pantallas/Registrar' 导入注册器; //注册屏幕 从 './pantallas/Principal' 导入委托人; // 登录后主界面 导入 {

回答 2 投票 0

在React Native应用程序中使用Native基础显示Toast时,无法读取未定义的属性(读取Show Toast)

当我尝试在我的 React 本机应用程序中使用 Toast 消息时,从一个页面导航到另一个页面时,我确实知道在哪种情况下会出现此错误,但是,应用程序突然崩溃,没有任何错误...

回答 1 投票 0

使用 Jest 的 React Native 测试在 error-guard.js 中的 ErrorHandler 类型上崩溃:14

我有一个 React Native 应用程序。当使用 Jest 运行测试时,它崩溃并显示以下输出: /node_modules/@react-native/polyfills/error-guard.js:14 输入 ErrorHandl...

回答 1 投票 0

如何将 createMaterialTopTabNavigator 向右对齐

目前我的项目都在左侧,因为它们应该是默认的。我似乎无法将其移至右侧。作为参考,我附上了一张图片 https://ibb.co/fYFPMFJ 我已经尝试过

回答 3 投票 0

如何使用 jest 和 React 测试库来模拟 @react-navigation/native

我有标头组件,用React Native编写。 当 onPress 被触发时,它应该执行 goBack 函数,但它只记录“onPressCalled”并且不输入 if 语句。看起来模拟是...

回答 1 投票 0

堆栈导航在屏幕之间发送参数

我正在尝试在场景之间发送字符串和对象,我当前使用堆栈导航。 目前在更改屏幕时未接收参数,以下是部分代码: 登录 导入反应,{

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.