如何将文本发送到屏幕的末端

Question

我想发送屏幕的 <Text> World </Text>末端。

这是我的代码：

  <Text style={{position: 'relative}}>
     <Text>Hello</Text>    <Text style={{position: 'absolute', right:0}>World</Text> 
  </Text> 

我猜right: 0在此文本<Text style={{position: 'absolute', right:0}>World</Text>中发送了"世界"末端。我如何发送父级<Text>的子<Text>？

编辑：

 <TouchableOpacity>
        <Text>
            <Text>Hello</Text>         <Text>World</Text> 
        </Text>  
    </TouchableOpacity>

Answer 1

尝试以下：

 <View style={{ flex: 1, flexDirection: 'row',justifyContent: 'space-between' }}>
     <Text>Hello</Text>    
     <Text>World</Text> 
 </View>

编辑
这应该有效，您不需要父级<Text>。如果您单击两个文本的

，此TouchableOpacity将行动

<TouchableOpacity>
    <View style={{ flex: 1, flexDirection: 'row',justifyContent: 'space-between' }}>
       <Text>Hello</Text>         
       <Text>World</Text> 
    </View>  
</TouchableOpacity>