在模拟器中工作的 ios 构建上反应本机 securetextEntry 问题

Question

我创建了一个登录表单，我将用户名和密码作为输入。模拟器上的问题我可以插入密码，并且它显示为加密（黑点）但是当我创建构建密码输入时显示空白输入并且键盘未打开。

版本： “反应”：“16.13.1” "react-native": "~0.63.4"

自定义输入组件

const BorderedTextInputWithIcon = React.forwardRef((props, ref = null) => (
  <View style={{ width: "100%" }}>
    {props.icon && (
      <Icon
        name={props.icon}
        size={20}
        color={Colors.CYAN}
        style={{ position: "absolute", left: 10, top: 30, zIndex: 1 }}
      />
    )}
    <TextInput
      {...props}
      style={{ ...styles.textInput, ...props.style }}
      ref={ref}
      placeholderTextColor={Colors.LIGHT_GRAY}
    />
    {props.rightIcon && (
      <Icon
        name={props.rightIcon}
        size={18}
        color={Colors.WHITE}
        style={{
          position: "absolute",
          right: 30,
          top: 35,
          zIndex: 1,
          color: Colors.CYAN,
          borderRadius: 20,
          padding: 3,
        }}
      />
    )}
  </View>
));

 <BorderedTextInputWithIcon
                ref={(ref) => (this.password = ref)}
                keyboardType="default"
                placeholder="Password"
                style={styles.input}
                icon="eye"
                secureTextEntry={true}
                value={password}
                onChangeText={(value) => this.handleOnChange("password", value)}
                onSubmitEditing={this.onSubmit}
              />

在登录屏幕中以此方式调用