创客未来

2021年1月10日

摘要： 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 创客未来阅读(1061) 评论(0) 推荐(0)

react native ScrollView之Swiper使用

摘要：安装 Swiper ，在WebStorm的Terminal中运行命令 yarn add react-native-swiper@nighty 安装成功后在package.json中可以查看到 react-native-swiper的安装信息 "dependencies": { "react": "1 阅读全文

posted @ 2021-01-10 18:23 创客未来阅读(343) 评论(0) 推荐(0)

react native 自定义ScrollView组件（水平滑动）

摘要： 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 创客未来阅读(2192) 评论(0) 推荐(0)

react native 自定义ScrollView组件（上下滑动）

摘要： ScrollView（滚动视图）的组件。记住 ScrollView 必须有一个确定的高度才能正常工作，因为它实际上所做的就是将一系列不确定高度的子组件装进一个确定高度的容器（通过滚动操作）。要给 ScrollView 一个确定的高度的话，要么直接给它设置高度（不建议），要么确定所有的父容器都有确定阅读全文

posted @ 2021-01-10 11:01 创客未来阅读(806) 评论(0) 推荐(0)

2021年1月9日

react native 状态机数组应用

摘要： 1.自定义一个状态机组件 import React,{Component} from 'react'; import { View, StyleSheet, Button, TouchableOpacity, Text, Dimensions, Image } from 'react-native' 阅读全文

posted @ 2021-01-09 20:56 创客未来阅读(195) 评论(0) 推荐(0)

react native 自定义Button组件以及事件

摘要： 1.创建自定义CKButton.js组件类 1 import React,{Component} from 'react'; 2 import { 3 View, 4 StyleSheet, 5 Button, 6 TouchableOpacity, 7 Text 8 } from 'react-n 阅读全文

posted @ 2021-01-09 18:26 创客未来阅读(470) 评论(0) 推荐(0)

react native 自定义 TextInput组件

摘要： 1.创建自定义CKTextInput.js 组件类 1 import React,{Component} from 'react'; 2 import { 3 View, 4 TextInput, 5 StyleSheet, 6 Text 7 } from 'react-native'; 8 9 e 阅读全文

posted @ 2021-01-09 17:50 创客未来阅读(265) 评论(0) 推荐(0)

react native 自定义九宫格组件

摘要：需求：利用 <View/>、<Text/>、<Image/> 制作九宫格 1.建立 LKImageDemo.js 1 import React,{ Component} from 'react'; 2 import{ 3 View, 4 Image, 5 StyleSheet, 6 Text, 7 阅读全文

posted @ 2021-01-09 16:45 创客未来阅读(362) 评论(0) 推荐(0)

react native 中Image组件的resizeMode属性

摘要：参照：React Native中文网（https://www.react-native.cn/docs/image#resizemethod-android） resizeMode： cover: 在保持图片宽高比的前提下缩放图片，直到宽度和高度都大于等于容器视图的尺寸（如果容器有 padding 阅读全文

posted @ 2021-01-09 15:02 创客未来阅读(1879) 评论(0) 推荐(0)

react native 中引用自定义Image组件

摘要：创建自定义组件Image的Class类 1 import React,{ Component} from 'react'; 2 import{ 3 View, 4 Image, 5 StyleSheet 6 } from 'react-native' 7 8 9 export default cla 阅读全文

posted @ 2021-01-09 14:28 创客未来阅读(272) 评论(0) 推荐(0)

公告