React-Native中的Text

　　我们知道Text组件主要用来显示文本的，但是需要注意但是Text元素在布局上不同于其它组件：在Text内部的元素不再使用flexbox布局，而是采用文本布局。这意味着内部的元素不再是一个个矩形，而可能会在行末进行折叠。

　　而且，在Text元素上使用margin和padding是不会生效的。

　　如下代码，如果想使得内部的两个Text之间有点间隔，依赖margin和padding是无法实现的。这时候就需要将Text包在View中了。

<Text style={styles.baseText}>
      <Text style={styles.titleText}>
        {this.state.titleText}
      </Text>
      <Text>
        {this.state.bodyText}
      </Text>
    </Text>