簡體 English 中英

在 React Native 中打開鍵盤時如何在屏幕上向上移動所有組件？

[英]How to move up all component on screen when open keyboard in React Native?

原文 2020-06-10 15:35:28 4 1 reactjs/ react-native

我有兩個組件：黑色和紅色。

打開鍵盤后，只有紅色組件向上移動。 黑色組件沒有移動。 這意味着紅色組件堆疊在黑色組件上。 我怎樣才能使兩者都向上移動相同的高度？

我在 expo 上創建了一個小吃。 鏈接： https://snack.expo.io/@qngnud/fcda3e

1 個解決方案

您可以通過為底部組件 ( Red ) 設置minHeight來解決此問題。 當鍵盤打開時，屏幕高度變小，並且您的 styles flex: 3和flex: 2用於Black和Red組件，底部組件也變得更小，並且沒有空間放置表單元素。

根據您的用例以及您需要在Black組件中顯示的內容，選擇適當的minHeight值。

檢查https://snack.expo.io/zxZxvX0Ol

當鍵盤出現在 React Native 中時如何移動視圖？

[英]How to move a view when the keyboard shows up in React Native?

React-native 如何在 textinput 上向上移動屏幕

[英]React-native how to move screen up on textinput

在React Native中打開鍵盤時如何避免屏幕崩潰

[英]How to avoid collapsing of screen when keyboard opens in react native

使用 React Native 打開鍵盤時更新滾動視圖

[英]Update scrollview when keyboard is open with React Native

移動鍵盤打開時反應隱藏組件

[英]React Hide Component when Mobile Keyboard open

在鍵盤彈出窗口上擴展屏幕反應原生？

[英]Extend screen on keyboard pop-up react native?

如何將組件移動到移動屏幕中的反應中心

[英]How to move a Component to center in react in mobile screen

如何在React Native中打開新屏幕

[英]How to open new Screen in React Native

如何從功能中打開組件React Native

[英]How to open a component from a function react native

我需要在鍵盤打開時點擊兩次 -- React Native

[英]i need to give two clicks when the keyboard is open -- React native

暫無

暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 當鍵盤出現在 React Native 中時如何移動視圖？ React-native 如何在 textinput 上向上移動屏幕在React Native中打開鍵盤時如何避免屏幕崩潰使用 React Native 打開鍵盤時更新滾動視圖移動鍵盤打開時反應隱藏組件在鍵盤彈出窗口上擴展屏幕反應原生？如何將組件移動到移動屏幕中的反應中心如何在React Native中打開新屏幕如何從功能中打開組件React Native 我需要在鍵盤打開時點擊兩次 -- React Native

相關標簽

粵ICP備18138465號 © 2020-2024 STACKOOM.COM