text entry react native code example
Example 1: 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!"
/>
);
}
Example 2: 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}
/>
);
}