Question

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


    },


};

Answer 1

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

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

1 个答案: