secure-react-native-text-input.js

import React, { useState } from 'react';
import { Button, Text, TextInput, View } from 'react-native';

export default function Application() {
  const [text, setText] = useState('');
  const [enableSecure, setEnableSecure] = useState(true);
  function toggleSecure() {
    setEnableSecure(value => !value)
  }
  return (
    <View>
      <TextInput
        secureTextEntry={enableSecure}
        onChangeText={text => setText(text)}
        defaultValue={text}
      />
      <Text>
        {text}
      </Text>
      <Button onPress={toggleSecure}>
        Toggle secure text
      </Button>
    </View>
  );
}