09 2019 档案
摘要:redux是什么?他是一个state容器,这个容器中存放所有页面的state。 redux的运作方式是怎样的? actions: 可以理解为用户和手机间的交互行为,比如点了一个按钮,下拉刷新,上拉加载更多。。。都可以写成一个action, 一个页面可能会有很多个action。一般action.js中
阅读全文
摘要:请求数据=>本地有无缓存+缓存数据是否过期 =>可用 =>不可用 将代码封装成一个DataStore.js文件, 这里面主要提供:从本地获取数据,从网络获取数据,创建本地时间戳,请求数据入口 import {AsyncStorage} from 'react-native'; export defa
阅读全文
摘要:新建AsncStorageDemoPage.js import React, {Component} from 'react'; import { StyleSheet, View, Text, Button, TextInput, AsyncStorage, } from 'react-nativ
阅读全文
摘要:这是一个单独的页面,可以从其他地方跳转过来。 输入语言关键字,从github检索相关数据 import React, {Component} from 'react'; import { StyleSheet, View, Text, Button, TextInput, } from 'react
阅读全文
摘要:1. 首先是使用react navigation跳转页面时传值,A->B 利用 params = { name : 'XXX', age: 28, number : '18812345678' } 2. react navigation如何goBack到指定页面? https://www.cnblo
阅读全文
摘要:想在某个页面中设置导航栏,title + 左右按钮(按钮上肯定需要有事件)
阅读全文
摘要:npm 官网指导: https://www.npmjs.com/package/react-native-sqlite-storage 1. 执行: npm install react-native-sqlite-storage 2.cd ios 执行pod install 3.执行react na
阅读全文
摘要:import React, { Component } from 'react' import { Text, StyleSheet, View, Button ,TouchableOpacity,Alert,ScrollView,Image} from 'react-native' import { createStackNavigator, createAppContainer } from...
阅读全文
摘要:使用TouchableOpacity组件 实现单击事件只需要声明onPress属性即可,其他同理,实现onPressIn,onPressOut,onLongPress
阅读全文
摘要:接上一篇: /pages/SectionListDemo.js import React, {Fragment,Component} from 'react'; import { SafeAreaView, StyleSheet, ScrollView, View, Text, StatusBar,
阅读全文
摘要:接上一篇代码: 只修改了FlatListDemo.js里面的代码 import React, {Fragment,Component} from 'react'; import { SafeAreaView, StyleSheet, ScrollView, View, Text, StatusBar
阅读全文
摘要:1.新建项目 2.因为要用到导航跳转, 所以添加依赖,,这里拷贝这个: "dependencies": { "@types/react": "^16.9.2", "react": "16.8.6", "react-native": "^0.60.0", "react-native-gesture-h
阅读全文
摘要:其他代码接上篇文章 createDrawerNavigator 抽屉 createSwitchNavigator 模拟登录=>主界面 index.js AppNavigators.js import React from 'react'; //只要在页面中使用了基础组件 都需要导入这句话 不然会报错
阅读全文
摘要:在上次的代码中添加: AppNavigators.js import React from 'react'; //只要在页面中使用了基础组件 都需要导入这句话 不然会报错 import {Button,Platform} from 'react-native'; import { createSta
阅读全文