刚开始接触React Native开发的程序猿可能会拿着网上的例子和文档一头雾水,毕竟不是像C语言有个main、Android有个OnCreate,iOS有个ViewDidLoad那样,加上JavaScript语法的随意性,让很多人无从下手,本文主要介绍React Native组件的结构和生命周期,帮助读者理解一个React Native组件如何进行展示,如何进行开发。
1.组件的构成
在React Native项目中,所有展示的界面,都可以看做是一个组件(Component)只是功能和逻辑上的复杂程度不同。每一个是许许多多小的组件拼成的,每个小的组件也有自己对应的逻辑,不过他们都遵循同样的代码结构,由以下几个部分组成
第一是包和其他组件引用部分,如下图:
新版本的React Native已经变成了如下形式:
此部分首先会利用Node.js的require机制引入react-native这个包