Tag

soft keyboard

0 views collected around this technical thread.

Kuaishou E-commerce Frontend Team
Kuaishou E-commerce Frontend Team
Jul 3, 2023 · Mobile Development

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.

AndroidReact NativeiOS
0 likes · 7 min read
How to Handle Soft Keyboard Overlap in iOS, Android, and React Native
Sohu Tech Products
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
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.

AndroidPanResize
0 likes · 20 min read
Understanding Android SOFT_INPUT_ADJUST Modes: Principles, Implementation and Usage