React Native 初学者的自定义视图

刚接触React Native 2周时间,简单介绍如何去自定义视图,外部如何调用属性,方法

简单的例子:

    1.  自定义nav_bar.js

React Native 初学者的自定义视图_第1张图片

//回调方法就类似于代理方法

React Native 初学者的自定义视图_第2张图片

// 视图

React Native 初学者的自定义视图_第3张图片
React Native 初学者的自定义视图_第4张图片

// 视图布局

React Native 初学者的自定义视图_第5张图片

2.如何去调用nav_bar.js?

首先在主视图(list.js)

import NavBar from'./nav_bar' // 类似OC引入头文件

然后在render(){}方法里面添加

// 1.有标题

React Native 初学者的自定义视图_第6张图片

效果如下

//2 无标题

React Native 初学者的自定义视图_第7张图片

菜鸟自学React Native,大神可以飘过!记录学习的点点滴滴。

你可能感兴趣的:(React Native 初学者的自定义视图)