首页  >  文章  >  web前端  >  react怎么隐藏滚动条滚动

react怎么隐藏滚动条滚动

藏色散人
藏色散人原创
2022-12-21 15:38:282939浏览

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

react怎么隐藏滚动条滚动

本教程操作环境:Windows10系统、react-native0.67版、Dell G3电脑。

react怎么隐藏滚动条滚动?

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

推荐学习:《react视频教程

以上是react怎么隐藏滚动条滚动的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn