/Javascript/React/React native text area form

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

1 vote127 views1 answer
Handling scrolling on react router transitions
Javascript React
2 votes133 views2 answers
React get url querystring
Javascript React
11 votes125 views3 answers
Create react tailwind app
Javascript React
2 votes118 views1 answer
React add gradient top to bottom
Javascript React
0 vote128 views1 answer
React native open simulators list
Javascript React
1 vote145 views1 answer
Remove underline from hyperlink react
Javascript React
2 votes133 views1 answer
React promises
Javascript React
5 votes135 views1 answer
React style ternary operator
Javascript React
-2 votes128 views2 answers
React native margin
Javascript React
1 vote132 views1 answer
React native get last element of array
Javascript React