配合源代码学习吧~ ： 我是源代码这一分支讲的是 如何完整地(不包含优化，也没有好看的页面) 搭建一个 增删改查 的 react-redux 系统不同于上一节的 react-redux，这里主要采用 函数式组件。 函数式组件 = 函数式的写法 + 不需要state的组件。其实函数式组件也就那么回事。 如果组件本身 没有需要 维护的 state，我们就可以使用 函数式组件。react-redux 的一部分难度来源于 connect，其实它就是一个。。。 高阶函数！就是我们上一...
这个组件是在0.46.4新加入的一个组件，加入该组件的原因https://github.com/facebook/react-native/commit/9637dd4a1b78d5f6da510b1b4ad10d45d67badbf注意：该组件还未真正上完全实现下面的目的Summary: We are removing support of nesting views inside <Image> component. We decided to do this because having this feature makes supporting `intrinsinc content size` of the `<Image>` impossible; so when the transition...
react native环境搭建请移步：react native环境搭建这里说说react native创建完成之后，运行中出现的常见问题，问题1：java.lang.RuntimeException: SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable. 这个是原因是工程找不到我们的android SDK。 解决方法：在工程的根目录下的android文件下新建一个local.properties的文件（我们可以直接拷贝An...
最近在使用React Native由于Android Studio自带的模拟器运行太慢，有时候甚至启不起来。在网上找大家都推荐夜神模拟器，我在安装的时候遇到了第一次ip配置后。接着回到主页面，怎么刷新都是白屏，不显示react native的欢迎界面，把我困扰很久。后来发现把夜神模拟器重启一下，react native的欢迎界面就出来，至于什么原理我现在还没搞明白。解决方法就是：重启夜神模拟器然后打开项目就行了。原文：https://www.cnblogs.com/-1024/...
1.前面的“*”，可以用属性required={true}来控制是否显示 2.下面的校验可以自定义函数来约定 原文：https://www.cnblogs.com/liuguoxiang/p/13673788.html
1、npm i redux-persist --save 2、store/indeximport { createStore, combineReducers } from ‘redux‘; import reducers from ‘./reducers/index‘; import {persistStore, persistReducer} from ‘redux-persist‘; import storage from ‘redux-persist/lib/storage‘;const persistConfig = {key: ‘healthRoot‘,storage: storage };const _reducers = persistReducer(persistConfig, combineReducers(reducers)) const st...
今天练习项目中需要给listview在加载图片时增加一个淡入淡出的效果，因此干脆就自己封装了一个组件： 1 ‘use strict‘2 3 import React from ‘react-native‘4 5var {6 Animated,7 PropTypes8 } = React910class AniImage extends React.Component { 11 static propTypes = { 12 url: PropTypes.string, 13 inputRange: PropTypes.array, 14 outputRange: PropTypes.array 15 }; 16 render () { 17var { style, u...
1 import React,{Component,Fragment} from ‘react‘2 3class App extends Component {4 constructor(){5 super() // 要想使用this必须使用super 6this.state = {7 postList:[8 ‘item1‘,9 ‘item2‘, 10 ‘item3‘ 11 ], 12 inputValue:"test" 13 } 14 } 15 render(){ 16// jsx语法17return ( 18 <Fragment> 19 <ul> 20 { 21this.state.postL...
移动端Reactive Native轮播组件总结下这段时间学习reactive native的一些东西，我们来认识一下，被炒得这么火的rn，究竟是个什么东西，以及如何去搭建自己的demo。reactive native是什么由facebook开发的一种应用框架，可以用react开发原生应用的框架。简单来说就是可以通过js和react来开发的一种框架。react是什么一套js的框架，也是facebook开源。特点：jsx语法(类似XML)，组件化模式，virtual DOM,单向数据流。基本模式：每个r...
1.安装：npm install -g create-react-app2.创建react项目： npx create-react-app （项目名）3. 远行项目：npm run start/npm start4.基本用法：import React from ‘react‘; import Header from ‘./component/header‘ // 组件class Home extends React.Component {render() {return (<div><Header name={‘index‘}></Header><div style={{width: ‘200px‘,height: ‘80px‘,backgroundColor: ‘yellow‘,fontSize: ‘24px‘...
点击事件<View> <Button title="点击事件" onPress={this._onPressButton.bind(this)}/></View>_onPressButton() { alert(‘点击事件亦被促发‘);}原文：https://www.cnblogs.com/boonook/p/9704317.html
react初识安装使用npm Npm install react react-dom –S 单独安装react框架及react-dom Npm install create-react-app –g 全局安装react脚手架，可以直接生成react开发环境 (当安装的是一个工具，无需打包到最终项目时应当使用 –D，当安装的是一个需要打包到最终项目的包时，使用 -S)React是框架的主体（包含生命周期、虚拟DOM等），react-dom是框架的dom操作当创建虚拟DOM是需要使用react，...
诞生React Native 诞生于 2013 年的 Facebook 内部黑客马拉松（hackathon）：In the essence of Facebook’s hacker culture, React Native started as a hackathon project in the summer of 2013.（摘自In the beginning: React Native’s roots） 从 React 说起随着 React 的大规模应用，Facebook 越发感受到 React 以及 Web 技术的优势，希望 Native 开发也能像 Web 一样Move fast：快速迭代（Rapid iteration cycle）：Web ...
在 React Native 中，你并不需要学习什么特殊的语法来定义样式。我们仍然是使用 JavaScript 来写样式。 所有的核心组件都接受名为style的属性。这些样式名基本上是遵循了 web 上的 CSS 的命名， 只是按照 JS 的语法要求使用了驼峰命名法，例如将background-color改为backgroundColor。style属性可以是一个普通的 JavaScript 对象。这是最简单的用法，因而在示例代码中很常见。 你还可以传入一个数组——在数组中位置居后的样式对象...
//关于react-native ios打包生成.bundle文件，在stackover上找到的答案，亲测有用If anyone wants to improve on these instructions and add them to the docs, feel free, I can do it later if nobody else jumps on it - I just wanted to document it somewhere for now.Open iOS/AppDelegate.mComment out jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle"];Uncomment jsCodeLocation = [...