看1级片

<form id=AfNFovhOf><nobr id=AfNFovhOf></nobr></form>

<address id=AfNFovhOf><nobr id=AfNFovhOf><nobr id=AfNFovhOf></nobr></nobr></address>

0

react-native android下如何保证键盘不影响视图呢？

react-native react android

w315899212 2024-05-08 11:26:55 ? 1143 瀏覽

分享至

在android下，鍵盤調出會把底部navigation給頂起，很醜。

現在的解決方案是，給兩個eventlistener：

this._keyboardWillShowSub = Keyboard.addListener(
  'keyboardDidShow',
  this.keyboardWillShow
)
this._keyboardWillHideSub = Keyboard.addListener(
  'keyboardDidHide',
  this.keyboardWillHide
)

但是又有問題，在android下，只有keyboardDidHide和keyboardDidShow可以用，就會導致閃屏，很醜XD。

搜索到可以修改AndroidManifest.xml中的android:windowSoftInputMode實現，但是因爲是舊項目不敢輕舉妄動（之前的值一定有它的道理）。

所以来问下是否有其他的解决方案呢？谢谢大家

登入發表討論

熱門推薦

{{ item.subject }}

{{ item.channelVendor }} | {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

1 個回答

0

Felix

iT邦研究生 2 級 ? 2024-05-08 16:13:19

或許能用 Keyboard.isVisible() 判斷鍵盤是否出現，但是有人反映不太可靠。

回應 3
分享
檢舉

w315899212 iT邦新手 5 級 ? 2024-05-08 16:44:44 檢舉

主要是需要在彈起之前給處理掉，android下只能監聽到keyboardDidShow，就會有一閃而過的情況T_T

Felix iT邦研究生 2 級 ? 2024-05-09 11:49:36 檢舉

目前只能想到：

透過 Media Query 隱藏
監聽所有 TextInput 的 focus 事件

看起來是前者較佳 XD。

w315899212 iT邦新手 5 級 ? 2024-05-09 16:30:11 檢舉

focus沒有鍵盤彈起的速度快XD，我去看看Media Query能不能處理

登入發表回應

我要發表回答

立即登入回答

參賽組數

188 組

團體組數

6 組

累計文章數

633 篇

最後報名日

9/15

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙

HoME 看1级片