Recettes d'interface utilisateur pour le décalage de défilement (useScrollContentTabBarOffset), les transitions d'affichage (startViewTransition), le défilement horizontal dans les en-têtes d'onglets pliables (CollapsibleTabContext) et la solution de contournement d'interception tactile de l'onglet inférieur Android.
Installez rapidement le skill IA 1k-ui-recipes dans votre environnement de développement via la ligne de commande
Source : 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.
Recettes d'interface utilisateur pour le décalage de défilement (useScrollContentTabBarOffset), les transitions d'affichage (startViewTransition), le défilement horizontal dans les en-têtes d'onglets pliables (CollapsibleTabContext) et la solution de contournement d'interception tactile de l'onglet inférieur Android. Source : onekeyhq/app-monorepo.
Champs et commandes stables pour les citations IA/recherche.
npx skills add https://github.com/onekeyhq/app-monorepo --skill 1k-ui-recipesRecettes d'interface utilisateur pour le décalage de défilement (useScrollContentTabBarOffset), les transitions d'affichage (startViewTransition), le défilement horizontal dans les en-têtes d'onglets pliables (CollapsibleTabContext) et la solution de contournement d'interception tactile de l'onglet inférieur Android. Source : onekeyhq/app-monorepo.
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/onekeyhq/app-monorepo --skill 1k-ui-recipes Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw
https://github.com/onekeyhq/app-monorepo