numberOfLines La propriété TextInput ne fonctionne pas

Question

J'ai créé une application dans react-native et j'ai l'option de discuter dans les messages. quand je clique dans TextInput et tape deux lignes, la ligne supérieure est cachée. Pour résoudre ce problème, j'ai vu dans la propriété docs numberOfLines mais cela n'a pas fonctionné.

Voici mon code:

<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}/> 

Je l'ai essayé en fonction getDefaultProps aussi:

getDefaultProps() { 
    return { 
     placeholder: 'Type a message...', 
     navHeight: 70, 
     textInputHeight: 44, 
     numberOfLines:5, 
     maxHeight: Screen.height, 
    }; 
    }, 

mais n'a pas travaillé.

Answer 1

Vous avez numberOfLines: {5}, devrait être numberOfLines={5}. Ou est-ce juste une faute de frappe dans SO?

En outre, le style textAlignVertical: 'top' est également recommandé.