Textarea react native

<TextInput
	multiline={true}
    numberOfLines={4}
    onChangeText={(val) => setText(val)}
    value={text}
/>

React native text area form

  <View style={styles.textAreaContainer} >
    <TextInput
      style={styles.textArea}
      underlineColorAndroid="transparent"
      placeholder="Type something"
      placeholderTextColor="grey"
      numberOfLines={10}
      multiline={true}
    />
  </View>
...

const styles = StyleSheet.create({
  textAreaContainer: {
    borderColor: COLORS.grey20,
    borderWidth: 1,
    padding: 5
  },
  textArea: {
    height: 150,
    justifyContent: "flex-start",
    textAlignVertical: 'top'
  }
})

Source: stackoverflow.com

Similar codes

5 votes382 views2 answers
Onclick multiple functions react
Javascript React
0 vote396 views1 answer
React-native-safe-area-context
Javascript React
3 votes372 views1 answer
Include gif in react
Javascript React
0 vote435 views1 answer
Copy paste menu react native textinput disable
Javascript React
1 vote461 views1 answer
How to execute function without using onclick on react code example
Javascript React
0 vote400 views1 answer
Number format reactjs
Javascript React
7 votes451 views3 answers
Install node-sass version for react
Javascript React
48 votes419 views4 answers
How to add comment in react js
Javascript React
0 vote381 views1 answer
Npm i react-router semantic-ui-react semantic-ui-css
Javascript React
0 vote413 views1 answer
Remove unused dependencies React
Javascript React