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

8 votes221 views1 answer
Professional react projects
Javascript React
0 vote191 views1 answer
Import pdfmake in react
Javascript React
0 vote227 views1 answer
React strap documentation
Javascript React
2 votes218 views1 answer
React higher order components
Javascript React
0 vote238 views1 answer
React-leaflet/core/cjs/pane.js:7%20error15-Jun-2021%2000:45:06%20%20%20%20%20%20const%20pane%20=%20props.pane%20??%20context.pane;
Javascript React
18 votes248 views4 answers
React for loop in render
Javascript React
1 vote255 views1 answer
React-native-infinite-scroll-with-flatlist
Javascript React
0 vote224 views1 answer
Android studio react native plugins
Javascript React
0 vote226 views1 answer
Textinput multiline start from top react native
Javascript React
2 votes257 views1 answer
React strict mode
Javascript React