在ios中设置TextInput占位符垂直居中 - React Native

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在ios中设置TextInput占位符垂直居中 - React Native相关的知识,希望对你有一定的参考价值。

我在我的TextInput应用程序中使用了react-native并发现了一个奇怪的问题。我的TextInput中使用的占位符不是在ios设备中垂直居中,而是以android设备为中心。我该如何解决这个问题?

 <View style={{marginBottom: 20}}>
      <Text style={styles.subTitle}>Description</Text>
      <TextInput style={[styles.inputFull_80]} multiline={true} placeholder="Enter group description" underlineColorAndroid='transparent'/>
 </View>

样式

const styles = {
    container: {
        //TODO: Remove once added properly
        marginTop: Constants.statusBarHeight,
        padding: 20,
        backgroundColor: 'white',

    },

    subTitle: {

        fontFamily: 'gotham',
        marginBottom: 5,
        fontSize: 16,
        color: '#4A4A50',


    },

    inputFull_80: {

        minHeight: 80,
        borderWidth: 1,
        borderColor: '#E6E6E6',
        fontFamily: 'gotham_light',
        borderRadius: 4,
        fontSize: 14,
        padding: 10,


    },


};
答案

textAlign={'center'}作为属性添加到TextInput组件

以上是关于在ios中设置TextInput占位符垂直居中 - React Native的主要内容,如果未能解决你的问题,请参考以下文章

文本输入垂直对齐

如何在 JavaFX 中设置占位符?

在 TextField 中设置占位符的样式

输入占位符在 Firefox 中未垂直对齐

React-native 占位符仅在 Android 上部分可见

在 IE9 中设置占位符 att