Reactでスクロールバーのスクロールを非表示にする方法

反応でスクロール バーのスクロールを非表示にする方法: 1. 対応する「react-native」ファイルを開きます; 2. 水平スクロールを設定して水平スクロールを設定します; 3. 「showshorizo​​ntalScrollIndicator」の値を「false」に設定して水平を非表示にします「スクロールバーだけです。

このチュートリアルの動作環境: Windows 10 システム、反応ネイティブ バージョン 0.67、Dell G3 コンピューター。

反応でスクロールバーのスクロールを非表示にする方法は?

react-native は水平スクロールを実装し、スクロール バーを非表示にします

   showsHorizontalScrollIndicator值为false隐藏水平滚动条
   horizontal为true设置水平滚动

         renderItem = ({ item }) => （<Text>{ item.tile}</Text>）；
        const data =[{id:1,title:&#39;11111111111111111111111111&#39;}]；
        <FlatList
          horizontal
          data={data}
          renderItem={this.renderItem}
          keyExtractor={item => item.id}
          showsHorizontalScrollIndicator={false}
        />

関連紹介:

React Native (RN) は、2015 年 4 月に Facebook によってオープンソース化されました。クロスプラットフォーム モバイル アプリケーション開発フレームワークは、ネイティブ モバイル アプリケーション プラットフォーム上の Facebook の初期のオープンソース JS フレームワーク React から派生したもので、iOS と Android の 2 つの主要なプラットフォームをサポートしています。 RN は、JavaScript 言語、HTML に似た JSX、および CSS を使用してモバイル アプリケーションを開発するため、Web フロントエンド開発に精通した技術者は、ほとんど学習せずにモバイル アプリケーション開発の分野に参入できます。

推奨される学習: 「react ビデオ チュートリアル 」

以上がReactでスクロールバーのスクロールを非表示にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。