已解决：如何在 scrollview react native 中隐藏滚动条

没有办法在 React Native 的滚动视图中隐藏滚动条。

I have a scrollview in react native and I want to hide the scrollbar. How can I do that?


A:

You can use <code>showsHorizontalScrollIndicator</code> and <code>showsVerticalScrollIndicator</code> props of ScrollView to hide horizontal and vertical scrollbars respectively. 
<blockquote>
<p><strong><a href="https://facebook.github.io/react-native/docs/scrollview#props" rel="nofollow noreferrer">https://facebook.github.io/react-native/docs/scrollview#props</a></strong></p>
</blockquote>


<code>&lt;ScrollView
showsHorizontalScrollIndicator={false}
showsVerticalScrollIndicator={false}&gt;
...
&lt;/ScrollView&gt;
</code>

滚动条

滚动条是一种图形控件，允许用户滚动浏览文档或网页。 滚动条通常显示在窗口的内容区域中，可用于滚动浏览长文档或页面。

在大多数浏览器中，用户可以向左或向右拖动滚动条来更改一次可见的内容量。 在某些浏览器中，用户还可以使用键盘来更改可见内容的数量。

什么是 React

React 是一个用于构建用户界面的 JavaScript 库。 它允许您创建可重用的组件，以便您的代码易于阅读和维护。 React 还可以通过使用无状态组件轻松创建交互式 UI。

反应滚动视图

React Scrollview 是一个用于在 React 中创建可滚动内容的库。 它提供了一个用于创建可滚动组件的声明式 API，并支持垂直和水平滚动。

要使用 React Scrollview，首先需要通过 npm 安装它：

npm 安装 react-scrollview –保存

安装后，您可以使用 create() 函数创建一个新的 ScrollView 组件：

var ScrollView = require ( 'react-scrollview' ); var MyScrollView = new ScrollView(); 我的滚动视图。 创建（{ container : document .getElementById ( 'my-scroll-container' ), children : [ { text : 'Hello, world!' , }, { text : 'World!' , } ] });