/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 vote204 views2 answers
Line break in react
Javascript React
0 vote200 views2 answers
Onclick toggle class react
Javascript React
0 vote201 views1 answer
React native skeleton
Javascript React
0 vote150 views1 answer
Remove an item from a component in react
Javascript React
0 vote207 views1 answer
Text input placeholder font family react native
Javascript React
2 votes198 views4 answers
Update react
Javascript React
4 votes196 views2 answers
React checking matches in state array
Javascript React
0 vote201 views1 answer
How to reset ReactJS file input
Javascript React
0 vote191 views1 answer
React this.state.selectedDays.toLocaleDateString is not a function
Javascript React
0 vote214 views1 answer
Get input value in react using hooks
Javascript React