/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 vote422 views2 answers
Hide react source
Javascript React
7 votes339 views4 answers
React native update state array of objects
Javascript React
1 vote396 views1 answer
Dynamic forms in react
Javascript React
0 vote375 views1 answer
React JSON data to display in a table
Javascript React
0 vote417 views1 answer
Can i open native video playback for both (Androidt / IOS) With React Native?
Javascript React
-1 vote410 views1 answer
Component navigation without changin the url react router
Javascript React
2 votes373 views3 answers
React native component at bottom center
Javascript React
0 vote358 views2 answers
React composition
Javascript React
0 vote401 views1 answer
React native flexbox 2 columns 1 fixed width
Javascript React
0 vote393 views1 answer
Attempted import error: 'useDispatch' is not exported from 'react-redux'
Javascript React