software-mansion.github.io/react-native-gesture-handler/ 权限获取 react-native-permissions 动画 react-native-reanimated 路由 react-native-router-flux 存储 @react-native-community/async-storage react-native-storage 导航 功能齐全的导航库的依赖项 react-native-screens react-native-router-flux
本次在github找了一个别人写好的组件react-native-router-flux,主要看看怎么集成到项目里,强烈推荐研读源码,还有一个别人项目里的,感觉也不错推荐。 1. Navigation 这里对照react-native-router-flux官方给的例子结合redux: app/navigation.js 'use strict'; import React, react-native'; import { connect } from 'react-redux' import {Scene, Reducer, Router, TabBar} from 'react-native-router-flux
api.douban.com/v2/movie/in_theaters 电影详细数据:https://api.douban.com/v2/movie/subject/26309788 安装路由 运行npm i react-native-router-flux --save 路由官网:https://github.com/aksonov/react-native-router-flux 路由相关配置:https://github.com/aksonov/react-native-router-flux /blob/master/docs/API.md 路由简单的DEMO:https://github.com/aksonov/react-native-router-flux/blob/v3/docs/MINI_TUTORIAL.md
react-native-swiper以实现滑动切屏 先上效果图(代码地址) 宣传图.jpg google市场要的宣传图 由于react-native-router-flux StyleSheet, View, Text, TouchableOpacity } from 'react-native'; import { Actions } from 'react-native-router-flux Platform, } from 'react-native'; import { connect } from 'react-redux'; import { Actions } from 'react-native-router-flux
"test": "jest" }, "dependencies": { "react": "~15.4.1", "react-native": "0.42.3", "react-native-router-flux
total gem(s) (Gem::LoadError) sudo gem install cocoapods 7、_reactNative.Platform.select is a function "react-native-router-flux
TouchableOpacity, } from 'react-native'; import {connect} from 'react-redux' import {Actions} from 'react-native-router-flux
上面的大多数应用程序演示都使用 React-native-router-Flux 作为导航系统。 总结 如果你使用一个不在上面列表中的真棒React Native库,请在下面的评论中告诉我!
组件 Navigation react-native-router-flux:一款很火的导航组件。 react-native-navbar:一款用于React Native上的可定制的导航条。
react-native-router-flux 与 react-navigation 的升级版本需要相互对应,同时需要增加 react-native-gesture-handler 依赖,并且在 index.js
import {Text,TextInput, TouchableOpacity} from ‘react-native’; import { Actions, ActionConst } from ‘react-native-router-flux
(推荐使用react-native-router-flux框架实现)。
(推荐使用react-native-router-flux框架实现)。