React Native Text多样式使用

实现类似Objective-C里面NSMutableAttributedString的文字多样式的方法如下：

<Text>
    <Text style={{color: "red"}}>Hello</Text>
    <Text style={{color:"blue"}}>World</Text>
</Text>

实现效果如下：

文本换行添加\n就可以，如下

<Text>
    <Text style={{color: "red"}}>{"每天学习一点点\n"}</Text>
    <Text style={{color:"blue"}}>每天成长一点点</Text>
</Text>

效果如下：

React Native里面没有 lineSpacing的概念，但是可以设置lineHeight实现行之间的举例，比如：

<Text style={{lineHeight:20}}>
      <Text style={{color: "red"}}>{"每天学习一点点\n"}</Text>
      <Text style={{color:"blue"}}>每天成长一点点</Text>
</Text>

效果如下：

在设置lineHeight后，有时单行有时需要考虑字体不一样，但是内容还需要上下居中，目前没有找到很好的办法，我目前的解决方式是在子<Text>上包一层<View>,不过需要注意 View需要设置width和height样式,然后设置<Text> marginTop||<View> PaddingTop进行相应的偏移。