问题标签 [react-native-screens]

当我尝试对启用了反应导航的本机屏幕的故事镜头进行测试时，我得到了这个：

仅当启用 React Native Screens 时，本机堆栈才可用。

据我了解，反应本机性能监视器上的视图选项卡显示可见视图/总视图或合并视图。据我所知......最好让这些数字尽可能低并尽可能靠近：react-native performance monitor和Understanding React Native Perf Monitor。

我从性能监视器得到了两个结果：

启用优化之前：

启用优化后（如果您好奇，请使用react-native-screens ）：

如您所见，打开优化后可见视图的数量减少了一半。

这让我想到了我的问题：

1. 渲染可见视图和不可见视图有什么区别？电话如何区别对待他们？
2. 在保留总视图的同时减少可见视图是否会单独显着提高性能？为什么？

react-native-screens/native-stack是否可以更改标题的高度（或为其内容添加填充） ？默认的反应导航标题具有与本机不同的样式属性（例如高度）。当标题折叠（内容滚动）时，右侧的操作按钮应该与标题底部有几个 px 的空间。

我正在制作一个带有本机反应的应用程序，实际上我有带有类的屏幕：

但现在我想使用“useEffect”钩子，但看到我不能使用类，所以我必须将它们迁移到函数......就像......

哪个是正确或最佳实践方法？构造函数和componentDidMount()等呢...

另一方面，可以在由类制作的屏幕上使用“useEffect”挂钩吗？如何？

谢谢

我遇到了react-native-screens的问题。我的版本是2.9.0并且我更新了最新版本2.15.2。在我将它更新到最新版本后，它会冻结我的@react-navigation/bottom-tabs 下的滚动视图。其他屏幕运行良好，但我注意到当屏幕有滚动视图时，您无法单击或滚动。如何解决这个问题？非常感谢你的帮助。

我有一个设置，其中我通过创建底部导航器createBottomTabNavigator，并且每个选项卡呈现通过创建的本机堆栈导航器createNativeStackNavigator。现在我正在尝试合并另一个用 Swift UIkit 编写的应用程序。该应用程序用于UITabBarController呈现通过UINavigationController. 是否有可能在标签级别或屏幕级别让这些屏幕在 React Native 中呈现？

我尝试UINavigationController通过界面公开堆栈NativeModules，但我不确定如何将其插入 JS 底部导航器。

任何帮助将不胜感激。

.../node_modules/react-native-screens/android/src/main/java/com/swmansion/rnscreens/ScreenStackHeaderConfig.java:26：错误：找不到符号 导入com.facebook.react.views.text.ReactTypefaceUtils； ^ 符号：类 ReactTypefaceUtils 位置：包 com.facebook.react.views.text

.../node_modules/react-native-screens/android/src/main/java/com/swmansion/rnscreens/ScreenStackHeaderConfig.java:247：错误：找不到符号字体titleTypeface = ReactTypefaceUtils.applyStyles（^符号：变量ReactTypefaceUtils位置: 类 ScreenStackHeaderConfig

.../node_modules/react-native-screens/android/src/main/java/com/swmansion/rnscreens/ScreenStackHeaderConfig.java:377：错误：找不到符号 mTitleFontWeight = ReactTypefaceUtils.parseFontWeight(fontWeightString); ^ 符号：变量 ReactTypefaceUtils 位置：类 ScreenStackHeaderConfig

我正在使用“react”：“16.9.0”，“react-native”：“0.61.5”，“react-native-screens”：“^3.1.1”，

我可以在createStackNavigator

我想这样做createNativeStackNavigator，我怎样才能GestureHandlerRefContext得到createNativeStackNavigator

iOS 上的家庭应用程序显示“客厅”的设置

我尝试弄乱由提供的屏幕选项，@react-navigation/native-stack但似乎没有一个提供这种行为。

这是否意味着需要在本机端（at react-native-screens）完成一些管道？

我最近从 RN 0.60 更新到 0.65，经过数小时的调试后，我可以让我的应用程序再次构建和运行。但是，由于某种原因，我的应用程序的背景颜色已从白色变为灰色。

我正在使用react-native-router-flux导航，但要么样式在最新的 react-native 版本中被破坏，要么我遗漏了一些明显的东西。

以下是它一直以来的设置方式：

这不再做任何事情。这是我尝试过的其他方法：

• 按照文档中的建议，直接将样式属性添加到<Router>usingsceneStyle
• style使用属性直接将样式属性添加到每个单独的场景

这些方法都不起作用，我现在被一个在每个屏幕上都有灰色背景 (#f2f2f2) 的应用程序困住了。我什至不确定这是否是一个问题，react-native-router-flux但这绝对是最可能的原因。

挖掘 Github repo 上的问题，我发现有人指出这可能与 RN 不兼容react-native-screens，因为升级到 RN 0.65 似乎已添加到我的项目中。这是在黑暗中拍摄的，因为我什至不确定该库的用途。

有没有人设法在 RN 0.65 和react-native-router-fluxv4.3.0 上更改他们的应用程序的背景颜色？

编辑：

这是我如何尝试为单个场景设置样式的示例，但没有成功：