Textarea react native

<TextInput
	multiline={true}
    numberOfLines={4}
    onChangeText={(val) => setText(val)}
    value={text}
/>

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 vote226 views1 answer
React native npm run start port
Javascript React
65 votes179 views6 answers
Route react
Javascript React
0 vote199 views1 answer
How to make this transform with React-Native? https://stackoverflow.com/questions/37538303/how-to-make-this-transform-with-react-native
Javascript React
1 vote218 views2 answers
Get syntethicbaseevent and parameter in react
Javascript React
0 vote180 views3 answers
React counter animation
Javascript React
97 votes211 views8 answers
Create react app
Javascript React
0 vote196 views1 answer
React function runs several times
Javascript React
0 vote192 views1 answer
React hooks port requst
Javascript React
0 vote185 views1 answer
React-with-firebase-auth
Javascript React
1 vote209 views1 answer
@react-google-maps/api npm
Javascript React