如何更改对齐方式组件的项

Question

我有一个absolute position样式的TouchableOpacity，我需要将位置图标更改为右侧。

现在是 ： [图标] موقعیت من

我想要 ： موقعیت من [图标]

这是关于我们的语言，对于英语只需要更改图标代码的位置

如何更改图标位置？

 <TouchableOpacity activeOpacity={0.5} style={{position:'absolute',bottom:5,left:5,backgroundColor:'#ffffff',padding:3,borderRadius:3}} onPress={()=>this.componentDidMount()}>
                      <Text style={{textAlign:'right'}}>
                        <Ionicons name="md-locate" size={25} color="#ff9591" style={{right:0,paddingTop:5}}/>
                        <Text style={{left:0,fontFamily:'iransans',color:'#ff9591'}}>موقعیت من</Text>
                      </Text>
 </TouchableOpacity>

Answer 1

像这样组织你的代码。

    <TouchableOpacity activeOpacity={0.5} style={{position:'absolute',bottom:5,left:5,backgroundColor:'#ffffff',
padding:3,borderRadius:3, flexDirection:'row'}} onPress={()=>this.componentDidMount()}>
      <Text style={{fontFamily:'iransans',color:'#ff9591',paddingTop:5}}>موقعیت من</Text>
      <Ionicons name="md-locate" size={25} color="#ff9591" style={{paddingTop:5}}/>
    </TouchableOpacity>