日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

React-Native填坑之TextInput value属性

發布時間:2023/12/10 编程问答 37 豆豆
生活随笔 收集整理的這篇文章主要介紹了 React-Native填坑之TextInput value属性 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

?TextInput用法就不多講了,主要記錄下遇到的一個怪問題。


? ? 背景:項目需要開發一個充值頁面,需要一個輸入框,然后幾個按鈕,輸入框是允許用戶自己輸入任意金額,按鈕是可以讓用戶快捷選擇金額。
? ? 那么問題來了,一般來說是改變文本框的值就可以了。
? ? 比如這樣 <TextInputplaceholderTextColor='#cccccc'underlineColorAndroid='transparent'keyboardType={'numeric'}style={styles.inputStyle}value ={this.state.money}onChangeText={(text)=>this.changeMoney(text)} /> 然后在其他需要改變value值的地方,這樣寫 checkMoney(text) {this.setState({money: text}); }樂觀的情況是:我可以點擊按鈕可以改變文本框的值,也可以用戶自己輸入, 但是,但是,但是,重點來了,它根本不讓你輸入,光標一直閃爍。 看了文檔,給的解釋是: TextInput是一個受約束的(Controlled)的組件,意味著如果提供了value屬性,原生值會被強制與value屬性保持一致。在大部分情況下這都工作的很好, 不過有些情況下會導致一些閃爍現象——一個常見的原因就是通過不改變value來阻止用戶進行編輯。如果你希望阻止用戶輸入, 可以考慮設置editable={false};如果你是希望限制輸入的長度,可以考慮設置maxLength屬性,這兩個屬性都不會導致閃爍。 然而加上沒有什么卵用。 無奈只有再去找看看有沒有什么可用的屬性,沒想到被我找到了,激動的要寫一篇文章來記錄下。

提供一個文本框中的初始值。當用戶開始輸入的時候,值就可以改變。

在一些簡單的使用情形下,如果你不想用監聽消息然后更新value屬性的方法來保持屬性和狀態同步的時候,就可以用defaultValue來代替。

描述的還是云里霧里的,但是用defaultValue來代替value就能完美完成我的期望了。

創作挑戰賽新人創作獎勵來咯,堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的React-Native填坑之TextInput value属性的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。