如何在react-native中将Text发送到屏幕的末尾

问题描述 投票:0回答:1

我想发送<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>
react-native
1个回答
3
投票

试试这个:

 <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>
© www.soinside.com 2019 - 2024. All rights reserved.