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

2 votes148 views1 answer
React native navigation hide navbar
Javascript React
0 vote168 views1 answer
React-chartjs-2
Javascript React
19 votes161 views3 answers
React Hooks append state
Javascript React
0 vote142 views1 answer
React generate ethereum address
Javascript React
0 vote186 views1 answer
Setstate after timeout react
Javascript React
3 votes151 views3 answers
How to remove global react-native-cli package
Javascript React
0 vote152 views1 answer
React native text area align top
Javascript React
4 votes148 views2 answers
React get url params in class component
Javascript React
1 vote202 views5 answers
Import { useBeforeunload } from 'react-beforeunload
Javascript React
23 votes140 views3 answers
Copy text to clipboard javascript react
Javascript React