创客未来

2021年1月11日

摘要： 1.安装集成 react navigation 1.项目初始化后，集成React Navigation在项目根目录运行命令： expo install react-navigation react-native-gesture-handler react-native-reanimated reac 阅读全文

posted @ 2021-01-11 12:53 创客未来阅读(271) 评论(0) 推荐(0) 编辑

react native 网络请求之fetch

摘要： fetch是react-native内部组件，不需要安装 1.创建自定义CKNet.js fetch组件类 1 import React, { Component } from 'react'; 2 import { 3 View, 4 Text, 5 StyleSheet 6 } from 're 阅读全文

posted @ 2021-01-11 09:26 创客未来阅读(297) 评论(0) 推荐(0) 编辑

react native 自定义FlatList常用组件

摘要：项目中常常有到的左侧图片右侧是多行文字的列表，利用 FlatList组件自定义组件。 1.创建自定义CKWineList.js组件 1 import React,{Component} from 'react'; 2 import { 3 Text, 4 StyleSheet, 5 FlatLis 阅读全文

posted @ 2021-01-11 08:37 创客未来阅读(269) 评论(0) 推荐(0) 编辑

2021年1月10日

react native 之 FlatList基本使用

摘要：常规用法，单行渲染数据 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) 编辑

react native 之ScrollView下拉刷新

摘要： 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) 编辑

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 创客未来阅读(311) 评论(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 创客未来阅读(2074) 评论(0) 推荐(0) 编辑

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

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

posted @ 2021-01-10 11:01 创客未来阅读(705) 评论(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 创客未来阅读(178) 评论(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 创客未来阅读(435) 评论(0) 推荐(0) 编辑

公告