/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

2 votes311 views2 answers
Export multiple functions react
Javascript React
-1 vote323 views2 answers
E.target.text react
Javascript React
1 vote328 views1 answer
React form reload page
Javascript React
0 vote298 views1 answer
React hooks, react custom hooks
Javascript React
0 vote337 views1 answer
React recursive component
Javascript React
0 vote305 views1 answer
Circle button react native
Javascript React
6 votes328 views2 answers
React native disable the text input
Javascript React
0 vote308 views1 answer
Jest mock react router params
Javascript React
0 vote328 views1 answer
Hide urls in .env in react app
Javascript React
0 vote303 views1 answer
Images not displaying in react
Javascript React