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>

你可能感兴趣的:(react-native,Text-RN)