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

Question

我在我的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

Answer 1

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