作者 cap-go2cfb277a1488无许可证72 个星标收录于 2026年10月8日更新于 2026年10月8日仓库今天更新
Guide to handling keyboard in Capacitor apps including visibility detection, accessory bar, scroll behavior, and input focus. Use this skill when users have keyboard-related issues.
指导处理 Capacitor 移动应用中的软键盘行为，涵盖事件、尺寸调整、滚动与焦点。
Manage keyboard behavior in iOS and Android apps.
来源：cap-go/capgo-skills位于skills/capacitor-keyboard提交2cfb277
许可证： 无许可证
内容归原作者所有。SourceWeft 从公开仓库中收录这些内容。
Cap-go
为 Capacitor 应用统筹 Capgo 实时更新、原生构建与应用商店发布的发布流程。
Cap-go
指导 Capgo OTA 发布流程：bundle 上传、兼容性检查、channel、清理与加密密钥。
Cap-go
为跨原生构建、OTA 发布、商店发布和组织管理的多步骤 Capgo 云端工作提供路由。
Cap-go
指导为 Ionic 与 Capacitor 移动开发配置和使用 awesome-ionic-mcp 模型上下文协议服务器。
Cap-go
指导通过 Capgo CLI 进行 Capgo 账户查询和组织管理，包括成员与安全设置。
Cap-go
将通用的 Capgo CLI 请求路由到合适的 Capgo 子技能，并说明 CLI 命令与 MCP 配置。
anthropics
构建自包含的交互式 HTML 演练场，包含控件、实时预览和可复制的提示词输出。
anthropics
通过 USB 检测 M5Stack ESP32 开发板，刷写 UIFlow 2.0 固件并安装 MicroPython 应用包。
anthropics
指导迭代 Cardputer-Adv 的 MicroPython 应用包：添加应用、通过 USB 串口推送文件、查看日志并运行 REPL 命令。
vercel-labs
依据从远程来源获取的 Web Interface Guidelines 审查 UI 代码，并以 file:line 形式报告问题。
vercel-labs
React Native 与 Expo 最佳实践规则，涵盖列表性能、动画、导航、UI 模式、状态与 monorepo 配置。
vercel-labs
Vercel 的 React 与 Next.js 性能指南，以 70 条规则的形式用于编写、审查和重构代码。
npm install @capacitor/keyboardnpx cap syncimport { Keyboard } from '@capacitor/keyboard';
// Show keyboardawait Keyboard.show();
// Hide keyboardawait Keyboard.hide();
// Listen for keyboard eventsKeyboard.addListener('keyboardWillShow', (info) => { console.log('Keyboard height:', info.keyboardHeight);});
Keyboard.addListener('keyboardWillHide', () => { console.log('Keyboard hiding');});// capacitor.config.tsplugins: { Keyboard: { resize: 'body', // 'body' | 'ionic' | 'native' | 'none' style: 'dark', // 'dark' | 'light' | 'default' resizeOnFullScreen: true, },},import { Keyboard } from '@capacitor/keyboard';import { Capacitor } from '@capacitor/core';
if (Capacitor.isNativePlatform()) { Keyboard.addListener('keyboardWillShow', (info) => { document.body.style.setProperty( '--keyboard-height', `${info.keyboardHeight}px` ); });
Keyboard.addListener('keyboardWillHide', () => { document.body.style.setProperty('--keyboard-height', '0px'); });}.chat-input { position: fixed; bottom: calc(var(--keyboard-height, 0px) + env(safe-area-inset-bottom)); left: 0; right: 0;}Keyboard.addListener('keyboardWillShow', async (info) => { const activeElement = document.activeElement as HTMLElement;
if (activeElement) { // Wait for keyboard animation await new Promise((r) => setTimeout(r, 100));
activeElement.scrollIntoView({ behavior: 'smooth', block: 'center', }); }});// Show/hide the toolbar above keyboardawait Keyboard.setAccessoryBarVisible({ isVisible: true });// Prevent zoom on iOS (use font-size >= 16px)input { font-size: 16px;}
// Handle form submissionform.addEventListener('submit', async (e) => { e.preventDefault(); await Keyboard.hide(); // Process form});
// Move to next fieldinput.addEventListener('keypress', (e) => { if (e.key === 'Enter') { const nextInput = getNextInput(); if (nextInput) { nextInput.focus(); } else { Keyboard.hide(); } }});