react-native-input-secure-text/src/styles.js

Componente serve para entradas de senha e já vem personalizado com o botão de mostrar e esconder senha

import { StyleSheet, Dimensions } from "react-native";
const { height, width } = Dimensions.get("window");
const optionTextStyle = {
    flex: 1,
    textAlign: 'left',
    color: '#000',
    fontSize: 22
  }

  const optionStyle = {
    flex: 0,
    flexDirection: 'row',
    justifyContent: 'center',
    alignItems: 'center',
    paddingVertical: 10,
    paddingHorizontal: 10,
    borderBottomWidth: 1,
    borderBottomColor: '#eee'
  }

export default StyleSheet.create({
    container: {
        width: width,
        flex: 0
    },
    input: {
        borderBottomColor: "#48626f",
        width: "100%",
        borderBottomWidth: 2,
        fontSize: 18,
        flex: 0
    },
    icon: {
        position: "absolute",
        right: 0,
    },
    optionTextStyle: {
        ...optionTextStyle
      },
    optionStyle: {
        ...optionStyle
    },
});