创客未来

摘要： 项目中 .eslintrc.js 修改配置文件 1.简单配置 module.exports = { root: true, env: { node: true }, 'extends': [ 'plugin:vue/essential', 'eslint:recommended' ], rules: 阅读全文

摘要： 1.在空文件夹下输入CMD进入dos窗口 2.一次输入命令 npm install -g yarn react-native-cli react-native init 项目名称 cd 项目名称 react-native run-android 阅读全文

摘要： react native 打包成Android 的apk安装包有两种方式，第一种方式是利用 Android studio 打包这里就不接介绍了。第二种是利用 react native 自身项目打包 1.生成签名 再一个空文件夹打开CMD，运行以下命令 keytool -genkey -v -keys 阅读全文

摘要： navigationOptions：配置StackNavigator的一些属性。 title：标题，如果设置了这个导航栏和标签栏的title就会变成一样的，不推荐使用 header：可以设置一些导航的属性，如果隐藏顶部导航栏只要将这个属性设置为null headerTitle：设置导航栏标题，推荐 阅读全文

摘要： 1.创建4个页面(CKHome.js、CKFind.js、CKNearby.js、CKMine.js)，本文以CKHome一个页面为例 import React,{Component} from 'react' import { StyleSheet, View, Text, Button } fr 阅读全文

摘要： 1.安装 组件 yarn add react-navigation-tabs 2.创建自定义底部导航组件类 BaseNav.js 1 import React,{ Component} from 'react'; 2 import { 3 View, 4 Text, 5 Button 6 } fro 阅读全文

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

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

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

摘要： 常规用法，单行渲染数据 1.自定义CKFlatList.js 组件类 1 import React,{Component} from 'react'; 2 import { 3 Text, 4 StyleSheet, 5 FlatList, 6 TouchableOpacity, 7 Dimensi 阅读全文