• 技术文章 >web前端 >前端问答

    react怎么隐藏滚动条滚动

    藏色散人藏色散人2022-12-21 15:39:18原创77

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

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

    react怎么隐藏滚动条滚动?

    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视频教程

    以上就是react怎么隐藏滚动条滚动的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:滚动条 React
    上一篇:react怎么实现图片验证 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • react怎么实现左侧菜单• react怎么改变css样式• react是框架还是语言• react能用g6吗• react怎么实现图片验证
    1/1

    PHP中文网