作者 Cap-go2cfb277a148832bdb1a835b01e4de323687b498b無授權條款72 個星標收錄於 2026年10月9日更新於 2026年10月9日儲存庫今天更新
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位於plugins/capacitor-features/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(); } }});