摘要: 常规用法,单行渲染数据 1.自定义CKFlatList.js 组件类 1 import React,{Component} from 'react'; 2 import { 3 Text, 4 StyleSheet, 5 FlatList, 6 TouchableOpacity, 7 Dimensi 阅读全文
posted @ 2021-01-10 20:38 创客未来 阅读(1041) 评论(0) 推荐(0) 编辑
摘要: ScrollView的refreshControl属性用于下拉刷新,只能用于垂直视图,即horizontal不能为true。 1.创建自定义CKRefresh.js刷新组件 1 import React,{Component} from 'react'; 2 import { 3 View, 4 T 阅读全文
posted @ 2021-01-10 19:40 创客未来 阅读(988) 评论(0) 推荐(0) 编辑
摘要: 安装 Swiper ,在WebStorm的Terminal中运行命令 yarn add react-native-swiper@nighty 安装成功后在package.json中可以查看到 react-native-swiper的安装信息 "dependencies": { "react": "1 阅读全文
posted @ 2021-01-10 18:23 创客未来 阅读(311) 评论(0) 推荐(0) 编辑
摘要: ScrollView组件常用于轮播图或引导页,那么水平滚动则比较常用 自定义水平的CKScrollView.js组件类 1 import React,{Component} from 'react'; 2 import { 3 View, 4 Text, 5 StyleSheet, 6 Scroll 阅读全文
posted @ 2021-01-10 11:20 创客未来 阅读(2074) 评论(0) 推荐(0) 编辑
摘要: ScrollView(滚动视图)的组件。 记住 ScrollView 必须有一个确定的高度才能正常工作,因为它实际上所做的就是将一系列不确定高度的子组件装进一个确定高度的容器(通过滚动操作)。要给 ScrollView 一个确定的高度的话,要么直接给它设置高度(不建议),要么确定所有的父容器都有确定 阅读全文
posted @ 2021-01-10 11:01 创客未来 阅读(705) 评论(0) 推荐(0) 编辑