无法从 ref setNativeProps 更改文本样式

Question

当我的一些 textInput 处于焦点时，我想改变我的组件的一些样式，我使用世博会 34.0.0有两种方法，我尝试过：使用 ref 和使用状态，两者都有我需要了解的问题。到目前为止，<TextInput>当我通过onFocusTextInput 的函数更改它们时，样式按预期工作。但是当我尝试<Text>通过包含或使用按钮来更改样式时，refTitle通过调用使用相同的方法进行更改refTitle.current.setNativeProps()不起作用，每次我尝试更改文本样式时，它只会返回 refTitle.current.setNativeProps 未定义。const refTitle = useRef(null)const refUser = useRef(null)return (    <Card>        <Margin>            <Text ref={ refTitle } style={ styles.title }>as</Text>            <TextInput                ref={ refUser }                style={ [styles.input] }                onSubmitEditing={ () => refPassword.current.focus() }                onFocus={ () => refUser.current.setNativeProps({ style: { borderColor: FOCUS_COLOR } }) }                onBlur={ () => refUser.current.setNativeProps({ style: { borderColor: BLUR_COLOR } }) }            />因此，如果我将 textInput 中的 onFocus 更改为const handleFocus = () => {        refTitle.current.setNativeProps({ style: { color: FOCUS_COLOR } })        refUser.current.setNativeProps({ style: { borderColor: FOCUS_COLOR } })    }我不知道为什么它不起作用，一直在搜索但指南告诉我没关系，这是最近 React Native 中的错误吗？第二。我确实使用了状态，这更简单，但有一种我不明白的错误。我只是使用 onFocus 函数来设置新颜色，......每次我点击 textInput 时，它都会改变颜色......但它并没有真正聚焦，我必须再次单击以使其完全聚焦（键盘显示和指示器开始滴答作响）

Answer 1

您必须使用引用才能使用 setNativeProps

 <TextInput

 ref={ref => {this.referencedeTF = ref;

          }}

/>

  this.referencedeTF.setNativeProps({

        borderColor: "red",

        borderWidth: 1

      });

您正在以错误的方式使用参考。

Answer 2

原来我使用的是不同的<Text>而不是来自本机的...解决了它，但我仍然感到困惑，如果使用状态强迫我点击两次以触发焦点，而第一次按下已经改变了颜色，也许是因为文本不是本机的来自本机