react-native 自定义容器组件-this.props.children

自定义容器组件是什么样子的呢？？首先看一个效果（上面的toolbar）：

代码上的使用是这样的，自定义容器组件集成了组件<SafeAreaView/> <StatusBar/> <SimpleHeaderbar/> 三个组件来实现和适配 iOS和Android平台下的头部显示。

自定义之后，看使用方式

容器组件 定义的核心就是this.props.children。
但是在使用this.props.children的时候有几个点需要注意；
this.props.children 在View中使用的时候，一般的系统默认会把ta当作子View。但是如果使用方式不当，则会被当作Object，而无法实现作为子View来实现容器组件。
接下来分析一下我的代码，

/**
 * @Author: yuanjunhua
 * @Company: 悦旅大人
 * @Date: 2019-5-31