gpt4 book ai didi

ios - React Native多行垂直居中文本在IOS上的问题

转载 作者:行者123 更新时间:2023-12-02 02:57:59 24 4
gpt4 key购买 nike

我在我的react-native应用程序中使用多行TextInput,并且已经坚持了一段时间了。我无法让文本在 IOS 设备上垂直对齐。

使用 textAlign='center' 将 IOS 上的文本垂直居中...但它变成了一条展开的永无止境的行。

添加 multiline={true} 会取消 IOS 中垂直对齐的文本并将其置于输入的顶部。

<TextInput
style={{
width: wp('80%'),
height: hp('25%'),
borderWidth: 1,
borderRadius: 10,
fontSize: RF(3),
}}
textAlign={'center'}
multiline={true}
onChangeText={entry => this.setState({entry})}
value={this.state.entry}
/>

我希望行为像android一样,它显示占位符文本垂直和水平居中,当用户输入更多文本时,它会根据需要开始创建多行,但始终垂直和水平居中。

请参阅左侧为 Android 版本、右侧为 IOS 版本的图片。

Android on left, IOS on right

最佳答案

尝试将 textAlignVertical={"center"} 添加到 textInput 的 props

关于ios - React Native多行垂直居中文本在IOS上的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54336105/

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