Skip to content

hukz37/React-Native-demo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React-Native-demo

##1. 使用方法(mac上)

  1. 打开终端
  2. git clone https://github.com/hukezhu/React-Native-demo.git
  3. 下载完毕之后,通过终端进入React-Native-demo文件夹下面
  4. react-native run-ios

##2.简介 开始学习React-Native,最开始在网上看一些教程,按照教程搭建环境.后来买了一本书,看了一些了,还是想完整的学习一下,将书中的项目以及一些小的demo敲一下.

FaceBook官方地址:http://facebook.github.io/react-native/

github地址:https://github.com/facebook/react-native

学习RN

###1.简单的九宫格(比普通的九宫格稍微复杂一些) 九宫格

###2.网易新闻 这个有一些问题,目前还没找到原因,我修改了flexDirection之后没有居中显示 在这个小demo中创建了一个新闻列表的组件,最开始有一个提示:Warning: Each child in an array or iterator should have a unique "key" prop. Check the top-level render call using 网上看到这句话:react对dom做遍历的时候,会根据data-reactid生成虚拟dom树。如果你没有手动的添加unique constant key的话,react是无法记录你的dom操作的。它只会在重新渲染的时候,继续使用相应dom数组的序数号(就是array[index]这种)来比对dom树 (链接:http://www.zhihu.com/question/37701739/answer/82354393)

###3.TextInput组件 关一个搜索框,使用的假本地数据 搜索框

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published