首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何更改组件的alignItems?

如何更改组件的alignItems?
EN

Stack Overflow用户
提问于 2019-03-29 06:47:35
回答 1查看 16关注 0票数 0

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

图标现在是:موقعیتمن

我想要的图标:موقعیتمن

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

如何更改图标位置?

代码语言:javascript
复制
 <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>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-03-29 07:26:56

像这样组织你的代码。

代码语言:javascript
复制
    <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>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55407978

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档