How to Handle Soft Keyboard Overlap in iOS, Android, and React Native

This article examines the differing behaviors of soft keyboards on iOS and Android in both H5 and React Native environments, identifies the challenges they cause for popup and textarea components, and presents cross‑platform solutions using KeyboardAvoidingView, resize listeners, and RN keyboard events to ensure input fields remain visible.

AndroidMobile UIReact Native

0 likes · 7 min read

How to Handle Soft Keyboard Overlap in iOS, Android, and React Native

Sohu Tech Products

Nov 2, 2022 · Mobile Development

Android Soft Keyboard Height Detection and Layout Attachment Techniques

This article reviews three approaches to obtain the Android soft‑keyboard height—using ViewTreeObserver, a hidden PopupWindow, and WindowInsets—compares their pros and cons, shows complete Kotlin/Java implementations, and demonstrates how to attach UI elements to the keyboard for a smoother user experience.

AndroidKeyboard HeightKotlin

0 likes · 14 min read

Android Soft Keyboard Height Detection and Layout Attachment Techniques

Sohu Tech Products

Mar 10, 2021 · Mobile Development

Understanding Android SOFT_INPUT_ADJUST Modes: Principles, Implementation and Usage

This article explains the five Android soft‑input adjustment modes (RESIZE, PAN, UNSPECIFIED, NOTHING and the method to obtain the visible window frame), analyzes their underlying ViewRootImpl mechanisms with code examples, and demonstrates practical demos showing how each mode affects layout and scrolling behavior.

PANResizeViewRootImpl

0 likes · 20 min read

Understanding Android SOFT_INPUT_ADJUST Modes: Principles, Implementation and Usage