因此,当使用multiline=true的文本输入时,我遇到了这样一个问题:文本垂直居中,而不是被推到顶部.
这个问题在ios和android上都会发生,除了android还有一个问题,即当输入多行时,它们的字母框高度为1行.
我想指出,我已经try 在文本输入的样式中添加textAlignVertical: 'top'
代码:(我把它作为一个单独的组件,因为我在带有表单文本的表单中使用它,但所有参数都被传递了)
<TextInput
style={styles.input}
value={value}
autoComplete={autoComplete}
autoCapitalize={autoCapitalize}
placeholder={placeholder}
secureTextEntry={secureTextEntry}
keyboardType={keyboardType}
returnKeyType={returnKeyType}
autoFocus={autoFocus}
onChangeText={onChangeText}
onSubmitEditing={onSubmitEditing}
multiline={multiline || false}
ref={(r) => { inputRef && inputRef(r); }}
/>
风格:
input: {
paddingRight: 10,
lineHeight: 23,
flex: 2,
textAlignVertical: 'top'
},
ios screenshot
android screenshot