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

时间:2018-08-30 15:38:02

标签: react-native

我正在开发具有依赖性的React Native Expo应用

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

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

最上面的图像,中间的Web视图,最下面的列表

我希望将这三个组件包装在ScrollView中,以便我可以轻松地在它们之间进行导航(让我们看到WebView的高度超出了屏幕)

问题是: Web视图有其自己的滚动(垂直滚动),因此当我尝试进行滚动手势时,图像仅停留在顶部,并且仅Web视图滚动的内容

如何使Webview禁用其滚动行为,并扩展其高度以适合其内容?

1 个答案:

答案 0 :(得分:0)

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

但是:这仅在iOS中有效

查看文档:{​​{3}}