问题标签 [react-native-screens]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
344 浏览

android - React Native 包导致项目无法构建(react-native-screens、react-native-reanimate 等)

我目前正在尝试构建一个社交媒体应用程序,并且正在设置导航。现在,当我添加一些包(例如 react-native-screens 和 react-native-reanimate)时,我的项目无法构建。代码中甚至没有提到这些包,因为我在开始编写任何东西之前安装了所需的包。这些是我得到的错误

反应原生屏幕:

反应原生复活:

为什么会这样????

0 投票
0 回答
57 浏览

react-native - 从 3rd 方应用程序打开应用程序时,错误活动需要扩展 ReactFragmentActivity 或 ReactCompatActivity

我有一个 react-native 应用程序,如果它从 ODK Collect 打开,它就会崩溃。如果从其图标打开,它会打开并完美运行。

错误是In order to use RNScreens components your app's activity need to extend ReactFragmentActivity or ReactCompatActivity

两者都已弃用。我正在使用 react-native-screens ^3.8.0。我尝试了各种建议的解决方案,但我哪儿也不去。

显现:

DActivity.java:

0 投票
1 回答
36 浏览

react-native - 分隔符/分隔符隐藏在 React Native App 中

在我的 React Native 项目中,我尝试使用 Flatlist 或有时使用 map 方法制作某种列表,以执行 JSX Element。我得到了正确的结果,但是单独存在一些问题。

让我们以聊天应用程序为例,当我们打开 WhatsApp 时,出现了很多人,但每个项目之后还有一个小分隔符,看起来很棒,现在正是我尝试使用 ItemSeparatorComponent 将该分隔符放入我的 React Native 应用程序时Flatlist 中的属性,它正在工作但仍在某些地方,这意味着在某些项目中没有显示分隔符,它看起来不见了,感觉没有边框/分隔符。实际上发生的事情是,该分隔符的下方项目是隐藏的或高度看起来比其他项目小,View下方的项目有点向上,所以分隔符隐藏了,这是主要问题,为什么发生这种情况,我尝试了一切,但仍然遇到 UI 问题。

这是一个代码示例:

或者

所以根据上面的代码,我肯定知道,一切都是正确的,但是为什么那个分隔符被隐藏了,如果我们在绿色矩形区域看这张图片,没有边框出现,为什么......我想在这里展示它,我试图放置 zIndex 属性,该技巧可以正常工作,但这不是解决方案,它必须按照我们的预期纠正视图,为什么它的行为如此,任何解决方案??????

0 投票
0 回答
38 浏览

android - 添加 Realm + React Navigation(屏幕/手势处理程序)后,React Native 应用程序立即崩溃

我正在开发一个新的反应原生项目(CLI)。所以我开始添加和配置 React 导航(堆栈和抽屉)。我还添加了 React-native 手势处理程序和反应原生屏幕(因为两者都是反应导航的依赖项)。到这里为止,一切都很好。

在此之后,我添加了 MongoDB Realm(npm install realm),但随后我的应用程序开始失败。它在构建时显示了许多错误,并且在纠正了所有应用程序安装成功后,但是当我尝试在模拟器中打开应用程序时,它立即关闭,没有任何错误。显示的唯一消息是:

在此处输入图像描述

我花了一整天的时间研究并试图修复它,但我什么也做不了。

所以我创建了一个新项目并以相反的方式开始。首先,安装和配置 Realm,一切都很好。然后,我添加了反应导航堆栈,仍然可以。但是当我添加 react native navigation Drawer 并配置它的依赖项(手势处理程序和 react native 屏幕,我还必须启用 hermes,因为它的屏幕必须具有)应用程序开始崩溃,与以前的应用程序完全相同。

我试图以多种方式修复它,但似乎没有任何效果。我开始绝望了,因为我已经 2 天没有在我的应用程序中做任何事情了:C

我希望你们中的任何人都可以帮助我:)

0 投票
1 回答
20 浏览

reactjs - 如何使屏幕仅在安装后才出现在 react native expo 中

我有几个欢迎屏幕应该只出现一次,当应用程序安装后首次启动时,但我不知道如何。

我的应用程序在react-native 0.64.3并且expo 43.0.2

先感谢您

0 投票
3 回答
33 浏览

react-native - 在 iOS 上从 React Navigation 5 迁移到 6 时出现“架构 x86_64 错误的未定义符号”

我正在使用 React Native 开发一个应用程序并尝试从 React Navigation 5 迁移到 6。为此,我遵循了从 5.x 升级指南中的步骤。

React 和 React Native 的版本如下:

我已经安装了这些软件包:

升级软件包后,我在文件夹中运行pod install命令。ios

如果我运行npx react-native run-ios --simulator="iPhone 13"命令或使用 Xcode 在设备上运行,我会收到以下错误:

看起来像是libRNScreens.areact-native-screens包裹里拿出来的。

你知道如何解决这个问题吗?