我想在我的应用程序中使用FlatList(React-native)。我正在水平使用它并可以看到滚动条。在ScrollView中有一个选项来隐藏滚动条,但不在FlatList中。有没有人能够以其他方式隐藏它。我尝试使用子容器(Hide scroll bar, but still being able to scroll)的父代&的解决方案,但没有奏效。隐藏滚动条在FlatList(React Native)中Android

import React, { Component } from 'react';

import { Text, View, FlatList, StyleSheet, ScrollView } from 'react-native';

import { Card, Button } from 'react-native-elements';

const data = [

{ id: 1, title: 'title 1', details: 'details 1 details 1 details 1' },

{ id: 2, title: 'title 2', details: 'details 2 details 2 details 2 details 2 details 2 details 2' },

{ id: 3, title: 'title 3', details: 'details 3 details 3' },

{ id: 4, title: 'title 4 title 4', details: 'details 4' },

];

class CategoryRow extends Component {

_keyExtractor = (item, index) => item.id;

_renderItem = (item) => {

return (

{item.title}

{item.details}

);

}

render() {

return (

Category 1

horizontal

data={data}

renderItem={({ item }) => this._renderItem(item)}

keyExtractor={this._keyExtractor}

/>

);

}

}

const styles = StyleSheet.create({

cardContainer: {

width: 140,

height: 150,

borderWidth: 0.5,

borderColor: 'grey',

overflow: 'scroll',

},

})

export default CategoryRow;

+4

试'showsHorizo​​ntalScrollIndicator = {FALSE}' –

android listview 滚动条隐藏,隐藏滚动条在FlatList(React Native)中Android相关推荐

  1. React Native在Android当中实践(五)——常见问题

    React Native在Android当中实践(一)--背景介绍 React Native在Android当中实践(二)--搭建开发环境 React Native在Android当中实践(三)--集 ...

  2. React Native在Android当中实践(一)——背景介绍

    React Native在Android当中实践(一)--背景介绍 React Native在Android当中实践(二)--搭建开发环境 React Native在Android当中实践(三)--集 ...

  3. react native开发Android 篇——APP名称、图标、启动页

    react native开发Android 篇--APP名称.图标.启动页 设置APP名称 设置APP图标 设置启动页 隐藏启动页 设置APP名称 编辑 android/app/src/main/re ...

  4. React Native for Android 实践 — 实现知乎日报客户端

    React Native for Android 的发布,对一个 Android 开发者来说还是有相当的吸引力的.通过前面这篇博客:React Native for Android 入门老虎好不容易入 ...

  5. Android方法调用实体类的值,React Native调用Android原生方法和传值

    8种机械键盘轴体对比 本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选? 创建react native 项目:react-native init callAndroidProject cd ca ...

  6. Android之React Native 中组件的生命周期

    React Native 中组件的生命周期 概述 就像 Android 开发中的 View 一样,React Native(RN) 中的组件也有生命周期(Lifecycle).所谓生命周期,就是一个对 ...

  7. 20分钟理解React Native For Android原理

    原址:http://doslin.com/2017/03/15/react-native-source-code-analysis/ 前言 文中所有 RN 缩写指代React Native For A ...

  8. React Native 中的 Android 原生模块

    当使用 React Native 开发 Android 应用时,你可能需要使用没有被 React Native 封装的模块.但你可以使用 Java 编写原生模块,然后选择性的暴露公共接口到 React ...

  9. react native开发Android 篇——集成自定义的字体

    react native开发Android 篇--集成自定义的字体 第一种:link添加自定义字体 第二种:直接复制字体到`android/app/src/main/assets/fonts`目录下 ...

  10. React Native调用Android接口

    由于工作需要近期研究了下React Native调用Android接口,该文章将介绍自己在RN环境搭建和封装第三方SDK接口以及RN调用Android接口的趟坑过程.(第一次写博客,写的不好请大家勿喷 ...

最新文章

  1. Android中通过Intent调用其他应用的方法
  2. hadoop商业版本选择对比
  3. Strut2与Hibernate的一个web分页功能
  4. Java黑皮书课后题第3章:**3.4(随机月份)编写一个随机产生1和12之间整数的程序,并根据数组1,2,3...显示对应的月份
  5. matlab单边衰减正弦信号,指数衰减正弦信号
  6. 【Spark】Spark基础教程知识点
  7. 重置手机_【轻松办税】ITS客户端申报密码重置不会操作?看过来,3分钟包你会!...
  8. Linux中wait接口用于延时,linux2.6驱动编写参考
  9. C++11/14学习(二)类型推导
  10. python和前端(三)JS的激情
  11. 我的项目经验v3.0
  12. GitHub 上 10 个顶级开源项目,从基础到源码统统帮你搞定
  13. 猫和计算机连接网络,猫、路由器和网卡的连接教程[图文]
  14. 免费虚拟化OVM-V1.6发布,新增虚拟机裸设备映射
  15. samtools faidx输出的fai文件格式解析 | fasta转bed | fasta to bed
  16. guitar chord html5,Chord Guitar Full
  17. codevs 3729 飞扬的小鸟
  18. uni-app日期选择组件-基于mx-datepicker修改
  19. 计算机公式大小写,excel大写金额公式
  20. 崩坏3渠道服扫码登录桌面版的方法教程

热门文章

  1. 题解 P3353 【在你窗外闪耀的星星】
  2. 2021-11-14剑指OfferII019.最多删除一个字符得到回文
  3. 生产制造企业车间生产管理系统分析介绍
  4. 前端vue导出pdf
  5. SQL Server安装登录过程中配置管理器无法创建管理单元的解决方法
  6. C#实验四停车场游戏的实现
  7. 微信公众平台有哪些敏感词不准发
  8. 明明手机刚买不久,为什么手机电量不耐用?那可能是充电方式错了
  9. php168与qibocms,php168整站系统(齐博CMS)
  10. 超级时间整理术——每天多出一小时