反应本机UI小猫:输入组件中的多行

时间:2019-07-19 18:28:57

标签: javascript reactjs react-native expo react-native-ui-kitten

如何设置Input中的react-native-ui-kitten组件的样式,使其显示多行(没有输入值时)?

问题:试图将multilinenumberOfLines道具传递给<Input />。这样做仅允许增加行数。没有用户输入时,它仍显示一行。

import { Input, withStyles } from 'react-native-ui-kitten';

<Input 
    label='Message' 
    placeholder='Enter your long message..' 
    multiline={true}
    numberOfLines={5}
    style={[themedStyle.input, {}]}
    textStyle={themedStyle.inputText}
    labelStyle={themedStyle.inputLabel}
/>

当前行为

enter image description here

enter image description here

预期的行为: Input组件应显示5行,没有任何输入值。

在iOS 12.2上的React Native v0.57.1​​,expo v2.21.2和物理iPhone上运行

0 个答案:

没有答案