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 vote225 views1 answer
React-data-table-component edit action
Javascript React
1 vote201 views1 answer
Firebase react router page not found on page refresh
Javascript React
0 vote278 views2 answers
React native maximum update depth exceeded
Javascript React
0 vote205 views1 answer
Update an object key value in state react
Javascript React
2 votes213 views1 answer
Combining two styles react native
Javascript React
0 vote201 views1 answer
(0 , _reactRouterDom.useHistory) is not a function
Javascript React
6 votes233 views1 answer
React dictionary key value avec 2 variable
Javascript React
1 vote206 views1 answer
Concatenate a variable inside text react native
Javascript React
10 votes235 views2 answers
Generate random string react
Javascript React
26 votes261 views6 answers
React redirect to url
Javascript React