我已经在react-native
中创建了一个应用程序,并且可以选择在消息中聊天选项。当我在TextInput内单击并键入两行时,上面的行被隐藏了。为了解决这个问题,我在docs numberOfLines属性中看到了它,但是没有用。
这是我的代码:
<TextInput
ref='textInput'
multiline={true}
numberOfLines: {5}
onChangeText={this.onChangeText}
style={[styles.textInput, {height: context.props.textInputHeight}]}
placeholder={context.props.placeholder}
placeholderTextColor="#5A5A5A"
value={context.state.text}/>
我也在
getDefaultProps
函数中尝试过:getDefaultProps() {
return {
placeholder: 'Type a message...',
navHeight: 70,
textInputHeight: 44,
numberOfLines:5,
maxHeight: Screen.height,
};
},
但是没有用。
最佳答案
恢复:
<TextInput
...
numberOfLines={Platform.OS === 'ios' ? null : numberOfLines}
minHeight={(Platform.OS === 'ios' && numberOfLines) ? (20 * numberOfLines) : null}
/>