React Native Scrollview 模拟 Android

Question

我是 React Native 的新手。当前 运行 个需要 WebView 组件的项目。

但是应用的主页面太长了（WebView在页面底部）。所以用户应该向下滚动到 WebView 部分。

然后滚动事件应该被 WebView 块拦截。

iOS对我来说很好

Android 阻止 WebView 拦截来自父 ScrollView 的滚动。我已经阅读了很多关于这个问题的文章和堆栈帖子。

我不是 Java 开发人员，所以我没有挂钩 Java 我想也许我在选择布局组件方面做错了什么？

也许我应该用别的东西代替父 ScrollView？

但是我怎样才能向下滚动页面呢？

[更新] 我实际上做了一个设置 webview 固定高度的技巧。但是在这种情况下（当 webview 中有很多内容时）水平滚动时性能会下降。

我更改了 FlatList 上的 ScrollView。理论上，这个组件不应该渲染块的全部数据，只渲染可见的内容。但这只对垂直滚动有帮助。仍然存在水平滚动问题（如果 WebView 组件的固定高度较小则没有问题）。

Answer 1

因此，我 运行 Android 应用程序在我的真实设备 (Nexus 6P) 上运行并且没有任何性能下降。可能是 Android Studio 模拟器的问题。

无论如何，我认为使用 FlatList 而不是 ScrollView 对我有帮助。

只需将实际内容高度设置为 WebView 内容，因此不需要垂直滚动它。