PasswordInput component for react-native-paper

PasswordInput.js

import { useState } from 'react';
import { TextInput } from 'react-native-paper';

const PasswordInput = ({ password, setPassword }) => {
  const [showPassword, setShowPassword] = useState(false);

  return (
    <TextInput
      label="Password"
      secureTextEntry={!showPassword}
      right={
        <TextInput.Icon
          icon={showPassword ? 'eye-off' : 'eye'}
          onPress={() => setShowPassword(!showPassword)}
        />
      }
      value={password}
      onChangeText={text => setPassword(text)}
    />
  );
};

export default PasswordInput;

Demo: https://snack.expo.dev/@magician11/passwordinput