如何通过 React Native 在 Android WebView 中隐藏滚动条

Posted

技术标签:

【中文标题】如何通过 React Native 在 Android WebView 中隐藏滚动条【英文标题】:How to hide scrollbars in Android WebView through React Native 【发布时间】:2016-09-25 20:39:15 【问题描述】:

在 React Native 0.26 和 android 上使用 WebView,滚动条总是在内容加载时闪烁,因为我们在页面上显示了一些,这非常分散注意力。

React Native 仅将 ScrollEnabled 列为 ios,那么无论如何要在 Android 上隐藏这些滚动条吗?

非常感谢, 文斯

【问题讨论】:

在 react native WebView.android.js 文件中没有找到任何有助于隐藏滚动条的方法。我认为目前在 android 中不支持隐藏滚动条 你找到解决办法了吗? 【参考方案1】:

根据 react-native (v0.48) 文档,目前仅适用于 IOS 设备 https://facebook.github.io/react-native/docs/webview.html#scrollenabled

scrollEnabled?: bool

布尔值,确定是否在 网络视图。默认值为 true。

【讨论】:

欢迎提供解决方案的链接,但请确保您的答案在没有它的情况下有用:add context around the link 这样您的其他用户就会知道它是什么以及为什么会出现,然后引用最相关的内容您链接到的页面的一部分,以防目标页面不可用。 Answers that are little more than a link may be deleted. 感谢我认为我已修复它以供将来使用的提示

以上是关于如何通过 React Native 在 Android WebView 中隐藏滚动条的主要内容,如果未能解决你的问题,请参考以下文章

react Native环境 搭建

部署由React-Native开发的android和IOS应用程序

react-native-camera 使我的应用程序崩溃

在 React Native 应用程序中调试 WebView

Android项目接入React Native方案

Android项目接入React Native方案