React|React Native 初学者的自定义视图

刚接触React Native 2周时间,简单介绍如何去自定义视图,外部如何调用属性,方法
简单的例子:
1.自定义nav_bar.js
React|React Native 初学者的自定义视图
文章图片
//回调方法就类似于代理方法
React|React Native 初学者的自定义视图
文章图片
// 视图
React|React Native 初学者的自定义视图
文章图片
React|React Native 初学者的自定义视图
文章图片
// 视图布局
React|React Native 初学者的自定义视图
文章图片
2.如何去调用nav_bar.js?
首先在主视图(list.js)
import NavBar from'./nav_bar' // 类似OC引入头文件

然后在render(){}方法里面添加
// 1.有标题
React|React Native 初学者的自定义视图
文章图片
效果如下
React|React Native 初学者的自定义视图
文章图片
//2 无标题
React|React Native 初学者的自定义视图
文章图片
React|React Native 初学者的自定义视图
文章图片
【React|React Native 初学者的自定义视图】菜鸟自学React Native,大神可以飘过!记录学习的点点滴滴。

    推荐阅读