时间戳

首页 > 解决方案 > 在 React Native 中禁用 WebView 的垂直滚动

react-native - 在 React Native 中禁用 WebView 的垂直滚动

问题描述

我正在开发一个带有依赖项的 React Native Expo 应用程序

"react": "16.3.1",
"react-native": "~0.55.2",
"react-navigation": "^2.12.1"

目前我正在制作一个包含三个组件的屏幕

最顶部的图像，中间的 web 视图和底部的列表

我希望将这三个组件包装在 ScrollView 中，以便我可以轻松地在它们之间导航（让我们看看 WebView 的高度溢出屏幕）

问题是： webview 有自己的滚动（垂直滚动），所以当我尝试做滚动手势时，图像只是停留在顶部，并且只有 webview 滚动的内容

如何使 webview 禁用其滚动行为，并扩展其高度以适应其内容？

标签： react-native

解决方案

WebView有一个名为 的道具scrollEnabled，默认情况下它设置为，true因此您可以将其设置为false这样scrollEnabled={false}

但是：这只适用于iOS

检查文档：https ://facebook.github.io/react-native/docs/0.56/webview#scrollenabled

推荐阅读