本篇内容主要讲解“react如何隐藏滚动条滚动”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“react如何隐藏滚动条滚动”吧!

react隐藏滚动条滚动的方法：1、打开相应的“react-native”文件；2、通过horizontal设置水平滚动；3、通过设置“showsHorizontalScrollIndicator”的值为“false”来隐藏水平滚动条即可。

react-native实现水平滚动并隐藏滚动条

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

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

相关介绍：

React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的JS框架 React 在原生移动应用平台的衍生产物，支持iOS和安卓两大平台。RN使用Javascript语言，类似于HTML的JSX，以及CSS来开发移动应用，因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。

到此，相信大家对“react如何隐藏滚动条滚动”有了更深的了解，不妨来实际操作一番吧！这里是天达云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！