一行代碼教你解決Scrollview和TextInput焦點獲取問題
更新時間：2022年12月21日 16:02:11 作者：wayne214
這篇文章主要為大家介紹了一行代碼教你解決Scrollview和TextInput焦點獲取問題，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
前言
業(yè)務開發(fā)中搜索框和列表的組合頁面應該是比較常見的場景，那么有什么坑呢？
最近在開發(fā)過程就遇到了一個問題，輸入搜索關鍵詞查詢接口返回數據后，點擊列表項并返回上個頁面時，發(fā)現需要兩次點擊，納尼？頁面示意圖如下
通過日志以及邏輯分析發(fā)現兩個問題：
- 1.第一次點擊列表項無法觸發(fā)onPress點擊事件
- 2.第一次點擊其實是使輸入框失去焦點并隱藏鍵盤
知道問題在哪就有解決問題的方向了：點擊列表項使輸入框自動失去焦點，并觸發(fā)onPress點擊事件。
嘗試方案
- 1.通過點擊事件添加Keyboard.dismiss(),并使用輸入框ref調用blur()方法
- 2.通過使用Scrollview包裹整個頁面，添加keyboardShouldPersistTaps={'handled'}設置項（網上方案）
方案結果：
- 沒有作用
- 沒有效果，且上面的搜索框會一起滾動
最終方案
通過在技術群溝通，有位群友提出方案
scrollview 容器加 keyboardDismissMode="on-drag" 實踐后，并未解決此問題
最終通過嘗試在列表Flatlist中添加屬性keyboardShouldPersistTaps={'always'}成功解決
示例代碼如下：
// 自定義輸入框
<CustomizeSearchBar
value={searchText}
actionPress={onActionPress}
placeholder='請輸入昵稱/地址/姓名/手機號查詢' onSearchChange={onSearchChange}/>
<FlatList
keyboardShouldPersistTaps={'always'}
style={{flex: 1}}
data={addressList}
renderItem={renderItem}
ListEmptyComponent={<ListEmpty type={2} />}
keyExtractor={(item) => item.id}
/>
復制代碼附RN中文網對keyboardShouldPersistTaps的解釋說明：
最后
寫了Android和Flutter混合開發(fā)一年多，又開始寫RN了，就想一個圓一樣。
小伙伴們，你們現在是做RN,Flutter,原生，還是轉行了？
以上就是一行代碼教你解決Scrollview和TextInput焦點獲取問題的詳細內容，更多關于Scrollview TextInput焦點獲取的資料請關注腳本之家其它相關文章！
相關文章
這篇文章主要介紹了Android 自定義View實現芝麻分曲線圖效果的相關資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-11-11
本文主要介紹了Android常用的圖片加載庫的相關資料。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
詳解Android WebView的input上傳照片的兼容問題
本篇文章主要介紹了詳解Android WebView的input上傳照片的兼容問題，非常具有實用價值，需要的朋友可以參考下2017-08-08
這篇文章主要為大家詳細介紹了Android實現計算器功能，計算表達式，能計算小數點以及括號，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
這篇文章主要介紹了Android自定義控件之自定義組合控件，重點介紹一下如何通過自定義組合控件來提高布局的復用，降低開發(fā)成本，感興趣的小伙伴們可以參考一下2016-08-08
Android中自定義控件分為三種：1.自繪控件 2.組合控件 3.繼承控件。本篇介紹下自繪控件。下面跟著小編一起來看下吧2017-02-02
這篇文章給大家介紹了Android中Intent傳遞對象的3種方式，分別是Serializable 方式、Parcelable 方式以及JSON 方式，有需要的朋友們可以一起參考借鑒，下面來一起看看吧。2016-09-09
這篇文章主要介紹了 Android 全局異常捕獲實例詳解的相關資料,需要的朋友可以參考下2017-06-06
這篇文章主要為大家詳細介紹了Android實現掃描二維碼功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-02-02
大家好，本篇文章主要講的是Android一個類實現錄音與播放實例，感興趣的同學趕快來看一看吧，對你有幫助的話記得收藏一下2022-02-02