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

20 votes243 views6 answers
Useeffect react example
Javascript React
0 vote252 views1 answer
. What is the use of the return function in the React Native Framework?
Javascript React
0 vote179 views1 answer
Document is not defined react router
Javascript React
0 vote253 views1 answer
React native bottom bar curved
Javascript React
0 vote222 views1 answer
Cannot find module react scripts
Javascript React
10 votes253 views2 answers
React navigation no header
Javascript React
0 vote240 views1 answer
React native 'UMConstantsInterface/UMConstantsInterface.h' file not found
Javascript React
5 votes253 views3 answers
React default proptypes
Javascript React
5 votes238 views2 answers
React js download file
Javascript React
8 votes228 views1 answer
Professional react projects
Javascript React