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

0 vote391 views1 answer
How to write sepearet styles in single line in react native
Javascript React
0 vote454 views1 answer
How to update state.item[1] in state using setState? React
Javascript React
0 vote399 views1 answer
React electron desktop app
Javascript React
59 votes341 views3 answers
Npm react router dom
Javascript React
22 votes375 views4 answers
Npm react copy to clipboard
Javascript React
0 vote401 views1 answer
Getting state in react-router-dom v6
Javascript React
4 votes383 views2 answers
React materilize
Javascript React
0 vote471 views1 answer
How to get year in react
Javascript React
0 vote393 views1 answer
Using RN BootSplash with React Navigation
Javascript React
0 vote410 views1 answer
Adding js file to reactjs
Javascript React