react native textinput area

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'
  }
})

Posted by: Guest on February-03-2021

Source

import React, { Component } from 'react'; import { TextInput } from 'react-native'; export default function UselessTextInput() { const [textInputValue, setTextInputValue] = React.useState(''); return ( <TextInput style={{ height: 40, borderColor: 'gray', borderWidth: 1, placeholderTextColor: 'gray', }} onChangeText={text => setTextInputValue(text)} value={textInputValue} placeholder="Insert your text!" /> ); }

Code answers related to "react native textinput area"

Code answers related to "Javascript"

Javascript Answers by Framework

Browse Popular Code Answers by Language

Answers for "react native textinput area"

Code answers related to "react native textinput area"

Code answers related to "Javascript"

Javascript Answers by Framework

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us