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

15 votes176 views5 answers
React svg
Javascript React
0 vote169 views1 answer
React native navigate two screens back
Javascript React
7 votes168 views1 answer
How to place a line break in react native
Javascript React
0 vote155 views1 answer
How to put react compnent to bottom
Javascript React
0 vote159 views1 answer
How to make multiple link using react
Javascript React
0 vote115 views1 answer
React native change image color
Javascript React
0 vote167 views1 answer
Run react android
Javascript React
36 votes166 views2 answers
Ref hook in react
Javascript React
0 vote160 views1 answer
How to change style class by using onclick function with multiple buttons in react js
Javascript React
0 vote184 views1 answer
React-scripts test single file
Javascript React