第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

無法從 ref setNativeProps 更改文本樣式

無法從 ref setNativeProps 更改文本樣式

qq_遁去的一_1 2021-09-30 10:27:42
當(dāng)我的一些 textInput 處于焦點(diǎn)時,我想改變我的組件的一些樣式,我使用世博會 34.0.0有兩種方法,我嘗試過:使用 ref 和使用狀態(tài),兩者都有我需要了解的問題。到目前為止,<TextInput>當(dāng)我通過onFocusTextInput 的函數(shù)更改它們時,樣式按預(yù)期工作。但是當(dāng)我嘗試<Text>通過包含或使用按鈕來更改樣式時,refTitle通過調(diào)用使用相同的方法進(jìn)行更改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 } })    }我不知道為什么它不起作用,一直在搜索但指南告訴我沒關(guān)系,這是最近 React Native 中的錯誤嗎?第二。我確實(shí)使用了狀態(tài),這更簡單,但有一種我不明白的錯誤。我只是使用 onFocus 函數(shù)來設(shè)置新顏色,......每次我點(diǎn)擊 textInput 時,它都會改變顏色......但它并沒有真正聚焦,我必須再次單擊以使其完全聚焦(鍵盤顯示和指示器開始滴答作響)
查看完整描述

2 回答

?
心有法竹

TA貢獻(xiàn)1866條經(jīng)驗(yàn) 獲得超5個贊

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


 <TextInput

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

          }}

/>

  this.referencedeTF.setNativeProps({

        borderColor: "red",

        borderWidth: 1

      });

您正在以錯誤的方式使用參考。


查看完整回答
反對 回復(fù) 2021-09-30
?
揚(yáng)帆大魚

TA貢獻(xiàn)1799條經(jīng)驗(yàn) 獲得超9個贊

原來我使用的是不同的<Text>而不是來自本機(jī)的...解決了它,但我仍然感到困惑,如果使用狀態(tài)強(qiáng)迫我點(diǎn)擊兩次以觸發(fā)焦點(diǎn),而第一次按下已經(jīng)改變了顏色,也許是因?yàn)槲谋静皇潜緳C(jī)的來自本機(jī)


查看完整回答
反對 回復(fù) 2021-09-30
  • 2 回答
  • 0 關(guān)注
  • 158 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號