gpt4 book ai didi

react-native - react 原生基本标题中心对齐

转载 作者:行者123 更新时间:2023-12-03 18:37:46 27 4
gpt4 key购买 nike

我正在使用 react native base。我想在 iOS 和 android 中居中对齐标题,因为文本很长,它用“...”隐藏它。申请flex:3完全显示标题,但不居中对齐。连申请alignItems: 'center',alignSelf: 'center'不要帮忙。

我尝试了不同的选项无法修复它。我该如何解决?

代码:

 <Header  iosStatusbar="light-content" androidStatusBarColor='#000' >
<Left style={{flex:1}}>
<Button transparent onPress={() => this.navigateCustom("goBack")}>
<Icon name="arrow-back" />
</Button>
</Left>

<Body style={{flex:3,}}>
<Title>THIS IS A LONG TITLE TEST</Title>
</Body>

<Right style={{flex:1}}>
<Button transparent onPress={()=> this.navigateCustom("DrawerOpen") }>
<IconEvil name={"menu"} style={{ color: "rgb(255,255,255)", fontSize:30}}/>
</Button>
</Right>
</Header>

编辑:
将 flex:1 和居中对齐到 body 后
enter image description here

最佳答案

您可以使用 justifyContent 对齐项目 都到 中心像下面 flex:1 :

 <Body style={{ flex: 1,  justifyContent: 'center', alignItems: 'center' }}>
<Title>THIS IS A LONG TITLE TEST</Title>
</Body>

关于react-native - react 原生基本标题中心对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48397771/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com