React Native
React Native相关个人总结
无响应乱码元素
这个作者很懒,什么都没留下…
展开
-
React Native请求网络数据时本地缓存优先策略的实现
这里只放了核心代码,具体完整的代码可以去仓库里看看github地址这里本地存储数据用到的库官方文档地址AsyncStorageimport AsyncStorage from '@react-native-async-storage/async-storage';export const FLAG_STORAGE = { flag_popular: 'popular', flag_trending: 'trending',};export default class DataStore原创 2022-04-23 18:44:13 · 727 阅读 · 0 评论 -
React Native实现自定义顶部导航栏
效果import React, {Component} from 'react';import { Platform, StatusBar, StyleSheet, Text, View, ViewPropTypes,} from 'react-native';import PropTypes from 'prop-types';import DeviceInfo from 'react-native-device-info';const NAV_BAR_HEIGHT原创 2022-04-22 22:20:57 · 1622 阅读 · 0 评论 -
React Native基于AsyncStorage实现简单的收藏夹功能之Dao层封装常用函数
AsyncStorage官方文档:https://react-native-async-storage.github.io/async-storage/import AsyncStorage from '@react-native-async-storage/async-storage';const FAVORITE_KEY_PREFIX = 'favorite_';export default class FavoriteDao { constructor(flag) { this..原创 2022-04-21 20:23:27 · 454 阅读 · 0 评论 -
React Native在React Navigation6.0版本如何实现动态顶部栏
const tabNames = [{name: 'Java'}, {name: 'Android'}, {name: 'ios'}];....//中间部分省略 只写出关键部分 mapRoute = tabNames.reduce((map, item) => { const route = () => <PopularTabPage tabLabel={item.name} />; //把所有的route都塞进一个对象里 return {原创 2022-04-19 23:58:29 · 280 阅读 · 0 评论 -
React Native一些自己封装的react navigation导航器常用的工具函数
使用方法 ,创建一个NavigationUtil.js的文件,把代码复制过去import React, {Component} from 'react';class NavigationUtil extends Component { /** *跳转到指定页面 */ static goPage(params, page) { const navigation = NavigationUtil.navigation; console.log('NavigationUt原创 2022-04-19 23:47:45 · 232 阅读 · 0 评论 -
React Native在React Navigation6.0版本如何实现动态路由
//在这里配置页面的路由import PopularPage from '../page/PopularPage';import MaterialIcons from 'react-native-vector-icons/MaterialIcons';import TrendingPage from '../page/TrendingPage';import FavoritePage from '../page/FavoritePage';import {createBottomTabNavig.原创 2022-04-19 23:00:53 · 674 阅读 · 1 评论 -
React Native中FlatList组件不重新渲染Item解决方法
场景今天在写一个点击TouchableOpacity调用函数重新渲染图表的功能,一开始是点击之后图表可以正常切换但是TouchableOpacity颜色没有变化解决方法给FlatList指定extraData={this.state}属性原创 2022-02-27 21:28:01 · 527 阅读 · 0 评论