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>

如何以react-native方式将文本发送到屏幕末端

1 个答案: