javascript - numberOfLines TextInput 属性不起作用

Question

我在 react-native 中创建了一个应用程序，我可以选择在消息中聊天选项。当我在 TextInput 中单击并键入两行时，上面的一行被隐藏。为了解决这个问题，我在文档中看到了 numberOfLines属性(property)，但它没有工作。

这是我的代码:

<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,
    };
  },

但没有成功。

Answer 1

恢复:

<TextInput
  ...
  numberOfLines={Platform.OS === 'ios' ? null : numberOfLines}
  minHeight={(Platform.OS === 'ios' && numberOfLines) ? (20 * numberOfLines) : null}
/>