React Native中不替换外层<Text>为<View>，如何设置alignItems:flex-start？

不需要将外层替换为，利用React Native的组件特性就能实现需求，同时保留其文本继承能力，以下是两种可行方案：

方案一：给外层启用Flex布局 #

直接给外层添加flex布局相关样式，设置flexDirection: 'row'和alignItems: 'flex-start'，嵌套的子就会沿顶部对齐：

<Text style={{ flexDirection: 'row', alignItems: 'flex-start' }}>
    <Text style={{fontSize: 14}}>$500.</Text>
    <Text style={{fontSize: 10}}>50</Text>
</Text>

注：React Native中字号推荐使用数字（默认单位为dp），比px更适配多设备。

方案二：给子设置垂直对齐 #

如果不需要外层启用flex布局，也可以给小字号的子添加verticalAlign: 'top'，同样能实现顶部对齐的效果：

<Text>
    <Text style={{fontSize: 14}}>$500.</Text>
    <Text style={{fontSize: 10, verticalAlign: 'top'}}>50</Text>
</Text>

两种方案都能保留外层的特性（比如继承父元素文本颜色），完全不需要替换为。

内容的提问来源于stack exchange，提问作者user20670800