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

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

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

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