Question

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

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

我要：موقعیتمن[Icon]

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

如何更改图标的位置？

 <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>

如何更改组件的alignItems？

1 个答案: