Recetas de interfaz de usuario para desplazamiento de desplazamiento (useScrollContentTabBarOffset), transiciones de vista (startViewTransition), desplazamiento horizontal en encabezados de pestañas plegables (CollapsibleTabContext) y solución alternativa para la interceptación táctil de la pestaña inferior de Android.
Instala rápidamente el skill de IA 1k-ui-recipes en tu entorno de desarrollo mediante línea de comandos
Fuente: onekeyhq/app-monorepo.
| iOS Tab Bar Scroll Offset | ios-tab-bar-scroll-offset.md | Use useScrollContentTabBarOffset for paddingBottom on iOS tab pages | | Smooth State Transitions | start-view-transition.md | Wrap heavy state updates in startViewTransition for fade on web |
| Horizontal Scroll in Collapsible Tab Headers | collapsible-tab-horizontal-scroll.md | Bidirectional Gesture.Pan() + programmatic scrollTo via CollapsibleTabContext | | Android Bottom Tab Touch Interception | android-bottom-tab-touch-intercept.md | Temporary — GestureDetector + Gesture.Tap() in .android.tsx to bypass native tab bar touch stealing |
Use useScrollContentTabBarOffset to add dynamic paddingBottom to scroll containers inside tab pages. Returns tab bar height on iOS, undefined on other platforms.
Recetas de interfaz de usuario para desplazamiento de desplazamiento (useScrollContentTabBarOffset), transiciones de vista (startViewTransition), desplazamiento horizontal en encabezados de pestañas plegables (CollapsibleTabContext) y solución alternativa para la interceptación táctil de la pestaña inferior de Android. Fuente: onekeyhq/app-monorepo.
Campos y comandos estables para citas de IA/búsqueda.
npx skills add https://github.com/onekeyhq/app-monorepo --skill 1k-ui-recipesRecetas de interfaz de usuario para desplazamiento de desplazamiento (useScrollContentTabBarOffset), transiciones de vista (startViewTransition), desplazamiento horizontal en encabezados de pestañas plegables (CollapsibleTabContext) y solución alternativa para la interceptación táctil de la pestaña inferior de Android. Fuente: onekeyhq/app-monorepo.
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/onekeyhq/app-monorepo --skill 1k-ui-recipes Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw
https://github.com/onekeyhq/app-monorepo