/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 vote115 views1 answer
Type '{ GlobalState: any; Dispatch: React.Dispatch<any>; }' is not assignable to type 'null'
Javascript React
145 votes263 views6 answers
Add bootstrap to react
Javascript React
2 votes126 views1 answer
Scoll to top on each route react
Javascript React
15 votes134 views1 answer
Did you mean to use React.forwardRef()?
Javascript React
0 vote141 views1 answer
How to change height of bottom material tab navigator from react-naviagtion
Javascript React
0 vote113 views1 answer
React ES6 Arrow Functions
Javascript React
0 vote131 views2 answers
React addon update
Javascript React
0 vote104 views1 answer
Render first index active tabs in reactjs
Javascript React
0 vote112 views1 answer
React native showing double header stack and drawer menu
Javascript React
0 vote132 views1 answer
React Native BUILD FAILED on run-ios
Javascript React