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

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 的图像。

左边是安卓，右边是IOS

Answer 1

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