multiline input react native code example
Example 1: multiline textinput in react native
<TextInput
style={styles.postInput}
onChangeText={text=> setInput({...input, body:text})}
multiline={true}
numberOfLines={3}
placeholder="Write On the Wall"
underlineColorAndroid='transparent'
require={true}
/>
const styles = StyleSheet.create({
postInput: {
fontSize: 24,
borderColor:'#42435b',
borderWidth:1,
margin:10,
fontFamily: "Outrun future"
}})
Example 2: react native textinput
import React, { Component } from 'react';
import { TextInput } from 'react-native';
export default function UselessTextInput() {
const [textInputValue, setTextInputValue] = React.useState('');
return (
<TextInput
style={{
height: 40,
borderColor: 'gray',
borderWidth: 1,
placeholderTextColor: 'gray',
}}
onChangeText={text => setTextInputValue(text)}
value={textInputValue}
placeholder="Insert your text!"
/>
);
}