React Native - 设置 secureTextEntry 时无法更改字体

const entryInput = forwardRef((props, ref) => {
return (
    <View
        style={{
            fontFamily: "roboto-regular",
            color: "rgba(255,0,0,0.6)",
            fontSize: hp("1.5%")
        }}>
        <Text style={styles.text}>{props.show_err ? props.err : null}</Text>
        <TextInput
            ref={ref}
            style={{
                borderColor:
                    !props.err || props.err === "" || props.err === props.empty_err
                        ? "gray"
                        : "rgba(255,0,0,0.6)",
                backgroundColor: "rgba(213, 213, 213, 0.1)",
                borderWidth: wp("0.3%"),
                borderRadius: wp("1%"),
                width: wp("85%"),
                height: hp("5.2%"),
                fontFamily: "roboto-regular",
                fontSize: hp("2%"),
                fontWeight: "normal"
            }}
            returnKeyType={props.last ? "done" : "next"}
            blurOnSubmit={props.last ? true : false}
            placeholderTextColor={"gray"}
            paddingLeft={wp("2%")}
            paddingRight={hp("2%")}
            placeholder={props.placeholder}
            onSubmitEditing={() => {
                if (props.next_input) {
                    props.next_input.current.focus();
                } else if (props.action) {
                    props.action();
                }
            }}
            onChangeText={(text) => {
                if (props.setText) props.setText(text);
                if (props.validate) props.validate(text);
            }}
        />
    </View>
);});

新的反应本机...尝试创建密码的输入字段。

这个自定义组件工作得很好，但是当我添加 secureTextEntry={true} 时，字体会无缘无故地发生变化（它不是机器人常规的），它甚至不会更改为默认字体。

我注意到，当我从样式对象中删除 fontFamily 键，然后保存代码并重新加载 expo 客户端，然后再次添加 fontFamily 并再次重新加载时，TextInput 的行为符合预期，并且字体是我设置的字体（roboto-regular），但是手动重新加载应用程序时，该错误会再次出现。

接受的答案将靠运气。当安装组件时，refs 可以是定义的，也可以是未定义的。

将以下内容添加到您的组件中以正确解决问题：

  const _inputRef = useRef(null);
  const setRef = useCallback((node) => {
    if (_inputRef.current) {
      // Make sure to cleanup any events/references added to the last instance
    }
    if (node) {
      // Check if a node is actually passed. Otherwise node would be null.
      // You can now do what you need to, setNativeProps, addEventListeners, measure, etc.
      node.setNativeProps({
        style: { fontFamily: "Quicksand-Medium" },
      });
    }
    // Save a reference to the node
    _inputRef.current = node;
  }, []);

确保您的 TextInput 已分配此引用：

    <TextInput ref={setRef} ... />