Answers for "text input multiline react native"

2

multiline textinput in react native

<TextInput
            style={styles.postInput}
            onChangeText={text=> setInput({...input, body:text})}
            multiline={true}
            numberOfLines={3}
            placeholder="Write On the Wall"
            underlineColorAndroid='transparent'
            require={true}
/>
              
const styles = StyleSheet.create({              
      postInput: {
      fontSize: 24,
      borderColor:'#42435b',
      borderWidth:1,
      margin:10,
      fontFamily: "Outrun future"
      }})
Posted by: Guest on July-25-2020
13

react native textinput

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!"
    />
  );
}
Posted by: Guest on May-02-2020
7

react native input

import React, { Component } from 'react';
import { TextInput } from 'react-native';

export default function UselessTextInput() {
  const [value, onChangeText] = React.useState('Useless Placeholder');

  return (
    <TextInput
      style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
      onChangeText={text => onChangeText(text)}
      value={value}
    />
  );
}
Posted by: Guest on April-17-2020
0

textinput multiline start from top react native

Style prop: (React native TextInput)
textAlignVertical: 'top';
Posted by: Guest on July-29-2021

Code answers related to "text input multiline react native"

Code answers related to "Javascript"

Browse Popular Code Answers by Language