/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

0 vote371 views1 answer
Swap scroll right in react native
Javascript React
0 vote369 views1 answer
How to run electron and react using concurrently
Javascript React
0 vote340 views2 answers
React native bottom sheet example
Javascript React
0 vote350 views1 answer
Remove react native cli mac
Javascript React
0 vote319 views1 answer
Nested ternaries react
Javascript React
0 vote352 views1 answer
How to clear text ibput after message sent react native
Javascript React
131 votes550 views6 answers
Creating react app
Javascript React
1 vote364 views1 answer
Handling scrolling on react router transitions
Javascript React
6 votes356 views1 answer
Import useHistory react-router-dom version 6
Javascript React
32 votes339 views2 answers
How to routing in react js
Javascript React