所有示例代码都是在Android模拟器上调试的,IOS暂时还没有调试
这是第一个reactNative示例代码,相当于hello word
这个示例程序主要涉及flex布局,获取屏幕宽高,Image(设置背景图片)知识点
这个示例程序运行起来后相当于安卓的3列GridView效果,每个item由一个Text和一个Image组成,涉及从app的资源文件中加载的用法,将一组控件加到View
这个示例程序运行起来后是一个登录界面的效果,这个项目里主要代码在loginView.js里面,在index.android.js文件中引用loginView.js。设计输入框TextInput, 点击后控件透明度变化,点击事件,绝对定位等知识点
这个示例程序主要涉getInitialState()方法中赋值,点击事件知识点
这个示例程序运行起来后是一个轮播图效果。主要涉及ScrollView,计时器的使用(开启,清除,重新启动),getDefaultProps()和getInitialState()方法中赋值, ScrollView的监听事件(开始拖拽,结束拖拽,每帧滚动完毕),在Text中放了2个样式,给控件加refs(安卓中的id) 控件的生命周期 https://mp.weixin.qq.com/s?__biz=MzIxNjEzNjUzOQ==&mid=402039662&idx=1&sn=f3ea81d2777d657a1f39351b2893e405&chksm=058fad5a32f8244c5ffdbaacf820a173cadc91faa4e238b84466837861cd11370b017825d1c3&scene=18#rd
这个示例程序主要使用ListView控件加载数据,显示的效果跟Android中ListView效果一样
这个示例程序主要使用ListView控件实现一个九宫格效果,通过设置相关属性,使 ListView横向显示每个Item,显示不下时自动换行
这个示例程序主要使用ListView控件实现一个吸顶的效果,只是在IOS上可以看出效果,Android暂时还不行。注意:Image控件加载本地图片时,拼接图片地址会报错
这个示例程序主要使用TabNavigator控件实现一个页面切换的效果