在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的主要内容,如果未能解决你的问题,请参考以下文章