React Native学习(四)—— 写一个公用组件(头部)

Demo上传到Git了,有需要可以看看,写了新内容会上传的。Git地址 https://github.com/gingerJY/React-Native-Demo

一、总览

  头部通常分为左、中、右三部分,效果图如下:

React Native学习(四)—— 写一个公用组件(头部)

 

二、头部组件

  1、创建components文件夹,新建commonHead.js

React Native学习(四)—— 写一个公用组件(头部)

  2、commonHead.js

头部分为左、中、右三块,我们需要提供接口,获取外部传入的值,从而判断哪一块需要创建。

static propTypes = { leftItem: PropTypes.func, titleItem: PropTypes.func, rightItem: PropTypes.func, };

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zyyjyf.html