反应本来可以如何将两个文本与左对齐方式排在连续视图中

Question

我正在尝试实现带有两个具有不同样式的文本的视图。我有这个：

<View style={{flexDirection:'row'}}>
  <Text style={styles.style1}>
    {text1}
  </Text>
  <Text style={styles.style2}>
    {text2}
   </Text>
</View>

显示了类似的内容：这是我的实际结果但是我想实现这一目标：我想要的结果

Answer 1

如果您只是用文本组件而不是视图包装它们，则应起作用：

<Text>
  <Text style={styles.style1}>
    {text1}
  </Text>
  <Text style={styles.style2}>
    {text2}
   </Text>
</Text>

Answer 2

<Text>
  <Text style={{fontWeight: "bold"}}>Description: </Text>
  This is an example of the text flow I want to achieve.
</Text>

实时演示