Fix: Incorrect Implementation of View Pass Handler

[robertqin86]

The eye icon (view pass) handler for the Input element secure text entry is not implemented correctly. The eye icon toggle is supposed to toggle between the secureTextEntry values of the password text input property, but it does not do that right now.

Current Bug:

Note setIsPassword(password) does not actually do anything since the password property is always true for password fields.

const viewPassElement = password && viewPass && (
    <TouchableOpacity style={{ marginLeft: 2 }} onPress={() => setIsPassword(password)}>
      <Icon
        size={iconSize || theme.SIZES.BASE * 1.0625}
        color={iconColor || theme.COLORS.BLACK}
        name="eye"
        family="entypo"
      />
    </TouchableOpacity>
  );

Solution in PR:

The solution is to toggle the isPassword flag instead.

const viewPassElement = password && viewPass && (
    <TouchableOpacity style={{ marginLeft: 2 }} onPress={() => setIsPassword(!isPassword)}>
      <Icon
        size={iconSize || theme.SIZES.BASE * 1.0625}
        color={iconColor || theme.COLORS.BLACK}
        name="eye"
        family="entypo"
      />
    </TouchableOpacity>
  );

[palingheorghe]

Thank you for this @robertqin86 ! This will get merged in the near future at the same time with the other bugfixes for v0.6.3.