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

react-native react android

w315899212 2024-05-08 11:26:55 ‧ 681 瀏覽

分享至

在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.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

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能不能处理

登入發表回應

我要發表回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22200 篇

完賽人數

602 人

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

IT邦幫忙