部署到iOS和Android |betway东盟体育app离子文件/title> <link rel="stylesheet" href="//m.jesscamp.com/docs/assets/css/styles.aea65276.css"> </head> <body> <noscript> <iframe src="https://www.m.jesscamp.com/ns.html?id=GTM-TKMGCBC" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <div id="__docusaurus"> <div> <a href="#" class="skipToContent_1oUP">跳到主要内容/a> </div> <nav class="navbar navbar--fixed-top navbarHideable_2qcr"> <div class="navbar__inner"> <div class="navbar__items"> <button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"> <svg width="30" height="30" viewbox="0 0 30 30" aria-hidden="true"> <path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path> </svg></button> <a class="navbar__brand" target="_self" href="//m.jesscamp.com/docs/"> <div class="navbar__logo"> <img src="//m.jesscamp.com/docs/logos/ionic-text-docs-dark.svg" alt="网站标志“class="themedImage_1VuW themedImage--light_3UqQ" height="28" width="139"> <img src="//m.jesscamp.com/docs/logos/ionic-text-docs-light.svg" alt="网站标志“class="themedImage_1VuW themedImage--dark_hz6m" height="28" width="139"> </div></a> <a class="navbar__item navbar__link navbar__link--active" href="//m.jesscamp.com/docs/">指导/a> <a class="navbar__item navbar__link" href="//m.jesscamp.com/docs/components">组件/a> <a class="navbar__item navbar__link" href="//m.jesscamp.com/docs/cli">CLI./a> <a class="navbar__item navbar__link" href="//m.jesscamp.com/docs/native">本国的/a> <a position="left" href="//m.jesscamp.com/docs/intro/upgrading-to-ionic-6" class="cta">betway东盟体育app离子v6.0.0升级指南svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewbox="0 0 512 512" width="12" height="12"> <title>向前箭头/title> <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M268 112l144 144-144 144M392 256H100"></path> </svg></a> </div> <div class="navbar__items navbar__items--right"> <div class="navbar__item dropdown dropdown--hoverable dropdown--right"> <a class="navbar__link" href="//m.jesscamp.com/docs/">v6./a> <ul class="dropdown__menu"> <li><a aria-current="page" class="dropdown__link dropdown__link--active" href="//m.jesscamp.com/docs/react/your-first-app/deploying-mobile">v6./a></li> <li><a class="dropdown__link" href="//m.jesscamp.com/docs/v5/react/your-first-app/deploying-mobile">v5./a></li> <li><a href="//m.jesscamp.com/docs/v4/components" target="_blank" rel="noopener noreferrer" class="dropdown__link">v4./a></li> <li><a href="//m.jesscamp.com/docs/v3/" target="_blank" rel="noopener noreferrer" class="dropdown__link">v3/a></li> </ul> </div> <div class="searchBox_1Doo"> <button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"> <svg width="20" height="20" class="DocSearch-Search-Icon" viewbox="0 0 20 20"> <path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path> </svg><span class="DocSearch-Button-Placeholder">搜索/span></span><span class="DocSearch-Button-Keys"></span></button> </div> <div class="navbar__item dropdown dropdown--hoverable dropdown--right"> <a class="navbar__link navbar__link--community">社区/a> <ul class="dropdown__menu"> <li><a href="//m.jesscamp.com/community" target="_blank" class="dropdown__link"><span>社区枢纽svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li><a href="//m.jesscamp.com/forum/" target="_blank" class="dropdown__link"><span>论坛svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li><a href="https://www.meetup.com/topics/ionic-framework/" target="_blank" class="dropdown__link"><span>聚会svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li><a href="//m.jesscamp.com/blog/" target="_blank" class="dropdown__link"><span>博客svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li><a href="https://twitter.com/ionicframework" target="_blank" class="dropdown__link"><span>推特svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> </ul> </div> <div class="navbar__item dropdown dropdown--hoverable dropdown--right"> <a class="navbar__link navbar__link--support">支持/a> <ul class="dropdown__menu"> <li><a href="//m.jesscamp.com/support" target="_blank" class="dropdown__link"><span>帮助中心svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li><a href="https://ionic.zendesk.com/" target="_blank" class="dropdown__link"><span>客户支持svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li><a href="//m.jesscamp.com/advisory" target="_blank" class="dropdown__link"><span>企业咨询svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> </ul> </div> <div position="right" class="separator"></div> <div class="navbar__item dropdown dropdown--hoverable dropdown--right"> <a href="#" class="navbar__link icon-link language navbar__item"><span> <svg viewbox="0 0 20 20" width="20" height="20" aria-hidden="true" class="iconLanguage_3vod"> <path fill="currentColor" d="M19.753 10.909c-.624-1.707-2.366-2.726-4.661-2.726-.09 0-.176.002-.262.006l-.016-2.063 3.525-.607c.115-.019.133-.119.109-.231-.023-.111-.167-.883-.188-.976-.027-.131-.102-.127-.207-.109-.104.018-3.25.461-3.25.461l-.013-2.078c-.001-.125-.069-.158-.194-.156l-1.025.016c-.105.002-.164.049-.162.148l.033 2.307s-3.061.527-3.144.543c-.084.014-.17.053-.151.143.019.09.19 1.094.208 1.172.018.08.072.129.188.107l2.924-.504.035 2.018c-1.077.281-1.801.824-2.256 1.303-.768.807-1.207 1.887-1.207 2.963 0 1.586.971 2.529 2.328 2.695 3.162.387 5.119-3.06 5.769-4.715 1.097 1.506.256 4.354-2.094 5.98-.043.029-.098.129-.033.207l.619.756c.08.096.206.059.256.023 2.51-1.73 3.661-4.515 2.869-6.683zm-7.386 3.188c-.966-.121-.944-.914-.944-1.453 0-.773.327-1.58.876-2.156a3.21 3.21 0 011.229-.799l.082 4.277a2.773 2.773 0 01-1.243.131zm2.427-.553l.046-4.109c.084-.004.166-.01.252-.01.773 0 1.494.145 1.885.361.391.217-1.023 2.713-2.183 3.758zm-8.95-7.668a.196.196 0 00-.196-.145h-1.95a.194.194 0 00-.194.144L.008 16.916c-.017.051-.011.076.062.076h1.733c.075 0 .099-.023.114-.072l1.008-3.318h3.496l1.008 3.318c.016.049.039.072.113.072h1.734c.072 0 .078-.025.062-.076-.014-.05-3.083-9.741-3.494-11.04zm-2.618 6.318l1.447-5.25 1.447 5.25H3.226z"></path> </svg><span>英语/span></span></a> <ul class="dropdown__menu"> <li><a href="//m.jesscamp.com/docs/react/your-first-app/deploying-mobile" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" style="text-transform:capitalize">英语/a></li> <li><a href="//m.jesscamp.com/docs/ja/react/your-first-app/deploying-mobile" target="_self" rel="noopener noreferrer" class="dropdown__link" style="text-transform:capitalize">日本语/a></li> <li><a href="//m.jesscamp.com/translate" target="_blank" class="dropdown__link"><span>翻译svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> </ul> </div> <a position="right" class="icon-link navbar__item" href="https://twitter.com/Ionicframework" target="_blank"><img src="//m.jesscamp.com/docs/logos/twitter.svg" alt="推特徽标“></a> <a position="right" class="icon-link navbar__item" href="https://github.com/ionic-team/ionic-framework" target="_blank"><img src="//m.jesscamp.com/docs/logos/github.svg" alt="github标志“></a> <a position="right" class="icon-link navbar__item" href="https://ionic.link/discord" target="_blank"><img src="//m.jesscamp.com/docs/logos/discord.svg" alt="discord徽标“></a> <div class="toggle_71bT toggle_3Zt9 toggleDisabled_3cF-"> <div class="toggleTrack_32Fl" role="button" tabindex="-1"> <div class="toggleTrackCheck_3lV7"> <span class="toggleIcon_O4iE">/span> </div> <div class="toggleTrackX_S2yS"> <span class="toggleIcon_O4iE">/span> </div> <div class="toggleTrackThumb_xI_Z"></div> </div> <input type="checkbox" class="toggleScreenReader_28Tw" aria-label="Switch between dark and light mode"> </div> </div> </div> <div role="presentation" class="navbar-sidebar__backdrop"></div> </nav> <div class="main-wrapper docs-wrapper docs-doc-page"> <div class="docPage_3AUJ"> <button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_35hR" type="button"></button> <aside class="docSidebarContainer_2LAn"> <a target="_self" href="//m.jesscamp.com/docs/"><img src="//m.jesscamp.com/docs/logos/ionic-text-docs-dark.svg" alt="网站标志“class="themedImage_1VuW themedImage--light_3UqQ" height="28" width="139"><img src="//m.jesscamp.com/docs/logos/ionic-text-docs-light.svg" alt="网站标志“class="themedImage_1VuW themedImage--dark_hz6m" height="28" width="139"></a> <div class="sidebar_15mo sidebarWithHideableNavbar_267A"> <a tabindex="-1" class="sidebarLogo_3h0W" target="_self" href="//m.jesscamp.com/docs/"><img src="//m.jesscamp.com/docs/logos/ionic-text-docs-dark.svg" alt="网站标志“class="themedImage_1VuW themedImage--light_3UqQ" height="28" width="139"><img src="//m.jesscamp.com/docs/logos/ionic-text-docs-light.svg" alt="网站标志“class="themedImage_1VuW themedImage--dark_hz6m" height="28" width="139"></a> <nav class="menu thin-scrollbar menu_Bmed"> <ul class="theme-doc-sidebar-menu menu__list"> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">入门/a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/">概述/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/intro/upgrading-to-ionic-6">升级到离子6betway东盟体育app/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/intro/environment">环境设置/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/intro/cli">CLI安装/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/intro/cdn">包裹和CDN./a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/intro/next">下一步/a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">发展/a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/developing/starting">开始/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/developing/previewing">预览/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/developing/scaffolding">脚手架/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/developing/ios">为iOS开发/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/developing/android">为Android开发/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/developing/tips">开发提示/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/developing/hardware-back-button">硬件返回按钮/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/developing/keyboard">键盘/a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">布局/a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/layout/structure">结构/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/layout/grid">响应网格/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/layout/global-stylesheets">全球样式表/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/layout/css-utilities">CSS公用事业/a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">主题/a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/theming/basics">基本/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/theming/platform-styles">平台风格/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/theming/css-variables">CSS变量/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/theming/css-shadow-parts">CSS阴影部件/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/theming/colors">颜色/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/theming/themes">主题/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/theming/dark-mode">黑暗模式/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/theming/advanced">先进的/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/theming/color-generator">彩色发电机/a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">棱角/a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/angular/overview">概述/a></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><a class="menu__link menu__link--sublist" href="#" tabindex="0">构建您的第一个应用程序/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/angular/lifecycle">生命周期/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/angular/navigation">导航/路由/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/angular/virtual-scroll">虚拟滚动/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/angular/slides">幻灯片/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/angular/config">配置/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/angular/platform">平台/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/angular/testing">测试/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/angular/storage">贮存/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/angular/performance">表现/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/angular/pwa">渐进式网络应用程序/a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist menu__link--active" href="#">反应/a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/react">概述/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/react/quickstart">快速开始/a></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><a class="menu__link menu__link--sublist menu__link--active" href="#" tabindex="0">构建您的第一个应用程序/a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/react/your-first-app">构建您的第一个应用程序/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/react/your-first-app/taking-photos">拍照/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/react/your-first-app/saving-photos">保存照片/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/react/your-first-app/loading-photos">加载照片/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/react/your-first-app/adding-mobile">添加手机/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="//m.jesscamp.com/docs/react/your-first-app/deploying-mobile">部署移动/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/react/your-first-app/live-reload">生活重装/a></li> </ul></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/react/lifecycle">生命周期/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/react/navigation">导航/路由/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/react/virtual-scroll">虚拟滚动/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/react/slides">幻灯片/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/react/config">配置/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/react/platform">平台/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/react/pwa">渐进式网络应用程序/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/react/overlays">覆盖/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/react/storage">贮存/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/react/testing">测试/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/react/performance">表现/a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">Vue./a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/vue/overview">概述/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/vue/quickstart">快速开始/a></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><a class="menu__link menu__link--sublist" href="#" tabindex="0">构建您的第一个应用程序/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/vue/lifecycle">生命周期/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/vue/navigation">导航/路由/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/vue/virtual-scroll">虚拟滚动/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/vue/slides">幻灯片/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/vue/utility-functions">实用程序功能/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/vue/config">配置/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/vue/platform">平台/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/vue/pwa">渐进式网络应用程序/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/vue/storage">贮存/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/vue/testing">测试/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/vue/troubleshooting">故障排除/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/vue/performance">表现/a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">公用事业/a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/utilities/animations">动画/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/utilities/gestures">姿势/a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">部署/a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/deployment/app-store">iOS App Store./a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/deployment/play-store">Android Play商店/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/deployment/progressive-web-app">渐进式网络应用程序（PWA）/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/deployment/desktop-app">电子桌面应用程序/a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">技术/a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/techniques/security">安全/a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">故障排除/a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/troubleshooting/debugging">调试/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/troubleshooting/build">构建错误/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/troubleshooting/runtime">运行时问题/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/troubleshooting/native">原生错误/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/troubleshooting/cors">CORS错误/a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">核心概念/a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/core-concepts/fundamentals">基础知识/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/core-concepts/cross-platform">交叉平台/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/core-concepts/webview">网络视图/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/core-concepts/what-are-progressive-web-apps">什么是pwas？/a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">贡献/a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/contributing/how-to-contribute">如何贡献/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/contributing/coc">行为守则/a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">参考/a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/reference/glossary">词汇表/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/reference/versioning">版本控制/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/reference/release-notes">发行说明/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a href="https://github.com/ionic-team/ionic/blob/master/CHANGELOG.md" target="_blank" rel="noopener noreferrer" class="menu__link" tabindex="0"><span>github changelog.svg width="13.5" height="13.5" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/reference/support">支持政策/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/reference/browser-support">浏览器支持/a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//m.jesscamp.com/docs/reference/migration">移民/a></li> </ul></li> </ul> </nav> </div> </aside> <div> <nav class="navbar navbar--fixed-top navbarHideable_2qcr"> <div class="navbar__inner"> <div class="navbar__items"> <button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"> <svg width="30" height="30" viewbox="0 0 30 30" aria-hidden="true"> <path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path> </svg></button> <a class="navbar__brand" target="_self" href="//m.jesscamp.com/docs/"> <div class="navbar__logo"> <img src="//m.jesscamp.com/docs/logos/ionic-text-docs-dark.svg" alt="网站标志“class="themedImage_1VuW themedImage--light_3UqQ" height="28" width="139"> <img src="//m.jesscamp.com/docs/logos/ionic-text-docs-light.svg" alt="网站标志“class="themedImage_1VuW themedImage--dark_hz6m" height="28" width="139"> </div></a> <a class="navbar__item navbar__link navbar__link--active" href="//m.jesscamp.com/docs/">指导/a> <a class="navbar__item navbar__link" href="//m.jesscamp.com/docs/components">组件/a> <a class="navbar__item navbar__link" href="//m.jesscamp.com/docs/cli">CLI./a> <a class="navbar__item navbar__link" href="//m.jesscamp.com/docs/native">本国的/a> <a position="left" href="//m.jesscamp.com/docs/intro/upgrading-to-ionic-6" class="cta">betway东盟体育app离子v6.0.0升级指南svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewbox="0 0 512 512" width="12" height="12"> <title>向前箭头/title> <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M268 112l144 144-144 144M392 256H100"></path> </svg></a> </div> <div class="navbar__items navbar__items--right"> <div class="navbar__item dropdown dropdown--hoverable dropdown--right"> <a class="navbar__link" href="//m.jesscamp.com/docs/">v6./a> <ul class="dropdown__menu"> <li><a aria-current="page" class="dropdown__link dropdown__link--active" href="//m.jesscamp.com/docs/react/your-first-app/deploying-mobile">v6./a></li> <li><a class="dropdown__link" href="//m.jesscamp.com/docs/v5/react/your-first-app/deploying-mobile">v5./a></li> <li><a href="//m.jesscamp.com/docs/v4/components" target="_blank" rel="noopener noreferrer" class="dropdown__link">v4./a></li> <li><a href="//m.jesscamp.com/docs/v3/" target="_blank" rel="noopener noreferrer" class="dropdown__link">v3/a></li> </ul> </div> <div class="searchBox_1Doo"> <button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"> <svg width="20" height="20" class="DocSearch-Search-Icon" viewbox="0 0 20 20"> <path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path> </svg><span class="DocSearch-Button-Placeholder">搜索/span></span><span class="DocSearch-Button-Keys"></span></button> </div> <div class="navbar__item dropdown dropdown--hoverable dropdown--right"> <a class="navbar__link navbar__link--community">社区/a> <ul class="dropdown__menu"> <li><a href="//m.jesscamp.com/community" target="_blank" class="dropdown__link"><span>社区枢纽svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li><a href="//m.jesscamp.com/forum/" target="_blank" class="dropdown__link"><span>论坛svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li><a href="https://www.meetup.com/topics/ionic-framework/" target="_blank" class="dropdown__link"><span>聚会svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li><a href="//m.jesscamp.com/blog/" target="_blank" class="dropdown__link"><span>博客svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li><a href="https://twitter.com/ionicframework" target="_blank" class="dropdown__link"><span>推特svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> </ul> </div> <div class="navbar__item dropdown dropdown--hoverable dropdown--right"> <a class="navbar__link navbar__link--support">支持/a> <ul class="dropdown__menu"> <li><a href="//m.jesscamp.com/support" target="_blank" class="dropdown__link"><span>帮助中心svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li><a href="https://ionic.zendesk.com/" target="_blank" class="dropdown__link"><span>客户支持svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li><a href="//m.jesscamp.com/advisory" target="_blank" class="dropdown__link"><span>企业咨询svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> </ul> </div> <div position="right" class="separator"></div> <div class="navbar__item dropdown dropdown--hoverable dropdown--right"> <a href="#" class="navbar__link icon-link language navbar__item"><span> <svg viewbox="0 0 20 20" width="20" height="20" aria-hidden="true" class="iconLanguage_3vod"> <path fill="currentColor" d="M19.753 10.909c-.624-1.707-2.366-2.726-4.661-2.726-.09 0-.176.002-.262.006l-.016-2.063 3.525-.607c.115-.019.133-.119.109-.231-.023-.111-.167-.883-.188-.976-.027-.131-.102-.127-.207-.109-.104.018-3.25.461-3.25.461l-.013-2.078c-.001-.125-.069-.158-.194-.156l-1.025.016c-.105.002-.164.049-.162.148l.033 2.307s-3.061.527-3.144.543c-.084.014-.17.053-.151.143.019.09.19 1.094.208 1.172.018.08.072.129.188.107l2.924-.504.035 2.018c-1.077.281-1.801.824-2.256 1.303-.768.807-1.207 1.887-1.207 2.963 0 1.586.971 2.529 2.328 2.695 3.162.387 5.119-3.06 5.769-4.715 1.097 1.506.256 4.354-2.094 5.98-.043.029-.098.129-.033.207l.619.756c.08.096.206.059.256.023 2.51-1.73 3.661-4.515 2.869-6.683zm-7.386 3.188c-.966-.121-.944-.914-.944-1.453 0-.773.327-1.58.876-2.156a3.21 3.21 0 011.229-.799l.082 4.277a2.773 2.773 0 01-1.243.131zm2.427-.553l.046-4.109c.084-.004.166-.01.252-.01.773 0 1.494.145 1.885.361.391.217-1.023 2.713-2.183 3.758zm-8.95-7.668a.196.196 0 00-.196-.145h-1.95a.194.194 0 00-.194.144L.008 16.916c-.017.051-.011.076.062.076h1.733c.075 0 .099-.023.114-.072l1.008-3.318h3.496l1.008 3.318c.016.049.039.072.113.072h1.734c.072 0 .078-.025.062-.076-.014-.05-3.083-9.741-3.494-11.04zm-2.618 6.318l1.447-5.25 1.447 5.25H3.226z"></path> </svg><span>英语/span></span></a> <ul class="dropdown__menu"> <li><a href="//m.jesscamp.com/docs/react/your-first-app/deploying-mobile" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" style="text-transform:capitalize">英语/a></li> <li><a href="//m.jesscamp.com/docs/ja/react/your-first-app/deploying-mobile" target="_self" rel="noopener noreferrer" class="dropdown__link" style="text-transform:capitalize">日本语/a></li> <li><a href="//m.jesscamp.com/translate" target="_blank" class="dropdown__link"><span>翻译svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> </ul> </div> <a position="right" class="icon-link navbar__item" href="https://twitter.com/Ionicframework" target="_blank"><img src="//m.jesscamp.com/docs/logos/twitter.svg" alt="推特徽标“></a> <a position="right" class="icon-link navbar__item" href="https://github.com/ionic-team/ionic-framework" target="_blank"><img src="//m.jesscamp.com/docs/logos/github.svg" alt="github标志“></a> <a position="right" class="icon-link navbar__item" href="https://ionic.link/discord" target="_blank"><img src="//m.jesscamp.com/docs/logos/discord.svg" alt="discord徽标“></a> <div class="toggle_71bT toggle_3Zt9 toggleDisabled_3cF-"> <div class="toggleTrack_32Fl" role="button" tabindex="-1"> <div class="toggleTrackCheck_3lV7"> <span class="toggleIcon_O4iE">/span> </div> <div class="toggleTrackX_S2yS"> <span class="toggleIcon_O4iE">/span> </div> <div class="toggleTrackThumb_xI_Z"></div> </div> <input type="checkbox" class="toggleScreenReader_28Tw" aria-label="Switch between dark and light mode"> </div> </div> </div> <div role="presentation" class="navbar-sidebar__backdrop"></div> </nav> <main class="docMainContainer_2AUC"> <div class="container padding-top--md padding-bottom--lg"> <div class="row"> <div class="col docItemCol_2rXS"> <div class="docItemContainer_1EXp"> <article> <span class="theme-doc-version-badge badge badge--secondary">版本：!-- -->v6./span> <div class="tocCollapsible_1PrD theme-doc-toc-mobile tocMobile_Ftrd"> <button type="button" class="clean-btn tocCollapsibleButton_2O1e">在本页面/button> </div> <div class="theme-doc-markdown markdown"> <header> <h1>部署到iOS和Android/h1> </header> <p>由于我们在第一次创建时添加了电容器到我们的项目，因此剩余的少数步骤，直到照片库应用程序在我们的设备上！请记住，您可以找到此应用程序的完整源代码a href="https://github.com/ionic-team/photo-gallery-capacitor-react" target="_blank" rel="noopener noreferrer">这里/a>。/p> <h2 class="anchor anchorWithHideOnScrollNavbar_3R7-" id="capacitor-setup">电容器设置a aria-hidden="true" class="hash-link" href="#capacitor-setup" title=""></a></h2> <p>电容器是IONIC的官方应betway东盟体育app用程序运行时，可以轻松地将Web应用程序部署到原始平台，如iOS，Android等。如果您过去使用Cordova，请考虑更多地阅读差异a href="https://capacitor.m.jesscamp.com/docs/cordova" target="_blank" rel="noopener noreferrer">这里/a>。/p> <p>如果你还在跑步code>betway东盟体育app离子服务/code>在终端中，取消它。完成离子项目的新建，修复其报告的任何错误：betway东盟体育app/p> <div class="codeBlockContainer_K1bP language-shell"> <div class="codeBlockContent_hGly shell"> <pre tabindex="0" class="prism-code language-shell codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token plain">$ betway东盟体育appIonic Build./span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制/button> </div> </div> <p>接下来，创建IOS和Android项目：/p> <div class="codeBlockContainer_K1bP language-shell"> <div class="codeBlockContent_hGly shell"> <pre tabindex="0" class="prism-code language-shell codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token plain">$ betway东盟体育appIonic Cap./span><span class="token function">添加/span><span class="token plain">iOS./span><br></span><span class="token-line"><span class="token plain">$ betway东盟体育appIonic Cap./span><span class="token function">添加/span><span class="token plain">安卓/span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制/button> </div> </div> <p>创建项目根目录的Android和iOS文件夹都是。这些完全是独立的本机项目，应该被视为您的IONIC应用程序的一部分（即，检查它们进入源代码控制，使用他们的本机工具等编辑它们）。betway东盟体育app/p> <p>每次执行构建时（例如code>betway东盟体育app离子建设/code>）更新您的Web目录（默认值：code>建造/code>），您需要将这些更改复制到您的本机项目中：/p> <div class="codeBlockContainer_K1bP language-shell"> <div class="codeBlockContent_hGly shell"> <pre tabindex="0" class="prism-code language-shell codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token plain">$ betway东盟体育appionic帽副本/span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制/button> </div> </div> <p>注意：在对代码的本机部分进行更新后（例如添加新插件），请使用code>同步/code>命令：/p> <div class="codeBlockContainer_K1bP language-shell"> <div class="codeBlockContent_hGly shell"> <pre tabindex="0" class="prism-code language-shell codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token plain">$ betway东盟体育appIonic Cap./span><span class="token function">同步/span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制/button> </div> </div> <h2 class="anchor anchorWithHideOnScrollNavbar_3R7-" id="ios">iOS.a aria-hidden="true" class="hash-link" href="#ios" title=""></a></h2> <div class="admonition admonition-note alert alert--secondary"> <div class="admonition-heading"> <h5><span class="admonition-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewbox="0 0 14 16"> <path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path> </svg></span>笔记/h5> </div> <div class="admonition-content"> <p>要构建iOS应用程序，您需要一个Mac计算机。/p> </div> </div> <p>通过Xcode（Apple的IOS / Mac IDE）配置和管理电容IOS应用，其中CocoApods管理的依赖项。在在iOS设备上运行此应用程序之前，有几个步骤完成。/p> <p>首先，运行电容器code>打开/code>命令，它在Xcode中打开本机IOS项目：/p> <div class="codeBlockContainer_K1bP language-shell"> <div class="codeBlockContent_hGly shell"> <pre tabindex="0" class="prism-code language-shell codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token plain">$ betway东盟体育appIonic Cap./span><span class="token function">打开/span><span class="token plain">iOS./span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制/button> </div> </div> <p>为了使某些本机插件工作，必须配置用户权限。在我们的照片库应用程序中，这包括相机插件：iOS在第一次之后自动显示模态对话框code>camera.getphoto（）/code>被调用，提示用户允许应用程序使用相机。驱动程序的许可是标记为“隐私 - 相机使用”。设置它，code>info.plist./code>必须修改文件（a href="https://capacitor.m.jesscamp.com/docs/ios/configuration" target="_blank" rel="noopener noreferrer">这里有更多细节/a>）。要访问它，请单击“信息”，然后单击“自定义IOS目标属性”。/p> <p><img alt="Xcode自定义IOS目标属性“src="//m.jesscamp.com/docs/assets/images/xcode-info-plist-c32d110907f566a8c66942fe4b9c8972.png"></p> <p>每个设置code>info.plist./code>具有低级别的参数名称和高级名称。默认情况下，属性列表编辑器显示高级名称，但它通常有用的是切换到显示原始低级名称。为此，请右键单击属性列表编辑器中的任意位置并切换“原始键/值”。/p> <p>添加code>nscamerausageSeastion/code>键并将值设置为描述该应用程序需要使用相机的原因，例如“拍照”。将在权限提示符打开时，值字段显示给应用程序用户。/p> <p>按照相同的过程添加相机插件所需的其他两个键：code>nsphotolibraryaddusagedescription./code>和code>nsphotolibraryusageSescription./code>。/p> <p>接下来，单击code>应用程序/code>在左侧的项目导航仪中，然后在其中code>签名和能力/code>部分，选择您的开发团队。/p> <p><img alt="Xcode - 选择开发团队“src="//m.jesscamp.com/docs/assets/images/xcode-signing-8ed68e36b712b826ee29b0b3c805d664.png"></p> <p>使用所选地点和开发团队的权限，我们已准备好在真实设备上尝试应用程序！将iOS设备连接到Mac计算机，选择它（code>App - > Matthew的iPhone/code>对我）然后单击“构建”按钮来构建，安装和在设备上启动应用程序：/p> <p><img alt="Xcode构建按钮“src="//m.jesscamp.com/docs/assets/images/xcode-build-button-8c12390e6aa4be6b7660a17ff2638ddd.png"></p> <p>在“照片库”选项卡上的“相机”按钮之间进行挖掘时，将显示“权限提示”。点击确定，然后用相机拍照。之后，照片显示在应用程序中！/p> <p><img alt="iOS相机权限“src="//m.jesscamp.com/docs/assets/images/ios-permissions-photo-60dc28e6596c4d3705f87a11aafa1791.png"></p> <h2 class="anchor anchorWithHideOnScrollNavbar_3R7-" id="android">安卓a aria-hidden="true" class="hash-link" href="#android" title=""></a></h2> <p>COLOCHITOR Android应用程序通过Android Studio配置和管理。在Android设备上运行此应用程序之前，有几个步骤才能完成。/p> <p>首先，运行电容器code>打开/code>命令，它在Android Studio中打开本地Android项目：/p> <div class="codeBlockContainer_K1bP language-shell"> <div class="codeBlockContent_hGly shell"> <pre tabindex="0" class="prism-code language-shell codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token plain">$ betway东盟体育appIonic Cap./span><span class="token function">打开/span><span class="token plain">安卓/span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制/button> </div> </div> <p>类似于iOS，我们必须启用正确的权限来使用相机。配置这些code>androidmanifest.xml./code>文件。Android Studio可能会自动打开此文件，但在没有，定位它code>Android / app / src / main //code>。/p> <p><img alt="Android清单地点“src="//m.jesscamp.com/docs/assets/images/android-manifest-647a7d01c724948e2425de15485b32fa.png"></p> <p>滚动到code>权限/code>部分并确保包括这些条目：/p> <div class="codeBlockContainer_K1bP language-xml"> <div class="codeBlockContent_hGly xml"> <pre tabindex="0" class="prism-code language-xml codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token tag punctuation">/span><span class="token tag">使用允许/span><span class="token tag"></span><span class="token tag attr-name namespace">安卓：/span><span class="token tag attr-name">姓名/span><span class="token tag attr-value punctuation attr-equals">=/span><span class="token tag attr-value punctuation">“/span><span class="token tag attr-value">android.permission.read_external_storage./span><span class="token tag attr-value punctuation">“/span><span class="token tag punctuation">/>/span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token tag punctuation">/span><span class="token tag">使用允许/span><span class="token tag"></span><span class="token tag attr-name namespace">安卓：/span><span class="token tag attr-name">姓名/span><span class="token tag attr-value punctuation attr-equals">=/span><span class="token tag attr-value punctuation">“/span><span class="token tag attr-value">android.permission.write_external_storage./span><span class="token tag attr-value punctuation">“/span><span class="token tag"></span><span class="token tag punctuation">/>/span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制/button> </div> </div> <p>保存文件。使用权限到位，我们已准备好在真实设备上尝试应用程序！将Android设备连接到计算机。在Android Studio中，单击“RUN”按钮，选择附加的Android设备，然后单击“确定”以构建，安装和启动设备上的应用程序。/p> <p><img alt="在Android上启动应用程序“src="//m.jesscamp.com/docs/assets/images/android-device-8b3018202541360e0e96a79e2450000b.png"></p> <p>再一次，在点击照片库选项卡上的相机按钮时，应显示权限提示。点击确定，然后用相机拍照。之后，照片应出现在应用程序中。/p> <p><img alt="Android相机权限“src="//m.jesscamp.com/docs/assets/images/android-permissions-photo-8d864969f3b5c99f5e420c2d03d34c25.png"></p> <p>我们的照片库应用程序刚刚部署到Android和iOS设备。/p> <p>在本教程的最后部分，我们将使用IONIC CLI的实时重新加载功能来快速实现照片删除 - 从而完成我们的照betway东盟体育app片库功能。/p> </div> <footer class="theme-doc-footer docusaurus-mt-lg"> <div class="theme-doc-footer-edit-meta-row row"> <div class="col"> <a href="https://github.com/ionic-team/ionic-docs/edit/main/docs/react/your-first-app/6-deploying-mobile.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"> <svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-edit iconEdit_nn1O"> <path d="M7 0C3.13438 0 0 3.21563 0 7.17813C0 10.35 2.00625 13.0375 4.7875 13.9875C4.83125 13.9969 4.86875 14 4.90625 14C5.16563 14 5.26562 13.8094 5.26562 13.6438C5.26562 13.4719 5.25938 13.0219 5.25625 12.4219C4.99375 12.4812 4.75938 12.5063 4.55 12.5063C3.20313 12.5063 2.89687 11.4594 2.89687 11.4594C2.57812 10.6313 2.11875 10.4094 2.11875 10.4094C1.50938 9.98125 2.11562 9.96875 2.1625 9.96875H2.16563C2.86875 10.0312 3.2375 10.7125 3.2375 10.7125C3.5875 11.325 4.05625 11.4969 4.475 11.4969C4.80312 11.4969 5.1 11.3906 5.275 11.3094C5.3375 10.8469 5.51875 10.5312 5.71875 10.35C4.16563 10.1688 2.53125 9.55313 2.53125 6.80312C2.53125 6.01875 2.80312 5.37813 3.25 4.87813C3.17812 4.69688 2.9375 3.96563 3.31875 2.97813C3.31875 2.97813 3.36875 2.9625 3.475 2.9625C3.72812 2.9625 4.3 3.05937 5.24375 3.71562C5.80312 3.55625 6.4 3.47812 6.99687 3.475C7.59062 3.47812 8.19063 3.55625 8.75 3.71562C9.69375 3.05937 10.2656 2.9625 10.5188 2.9625C10.625 2.9625 10.675 2.97813 10.675 2.97813C11.0563 3.96563 10.8156 4.69688 10.7437 4.87813C11.1906 5.38125 11.4625 6.02187 11.4625 6.80312C11.4625 9.55937 9.825 10.1656 8.26562 10.3438C8.51562 10.5656 8.74063 11.0031 8.74063 11.6719C8.74063 12.6313 8.73125 13.4062 8.73125 13.6406C8.73125 13.8094 8.82812 14 9.0875 14C9.125 14 9.16875 13.9969 9.2125 13.9875C11.9969 13.0375 14 10.3469 14 7.17813C14 3.21563 10.8656 0 7 0Z" fill="currentColor"></path> </svg>编辑这个页面/a> </div> <div class="col lastUpdated_13-_"></div> </div> </footer> </article> <nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"> <div class="pagination-nav__item"> <a class="pagination-nav__link" href="//m.jesscamp.com/docs/react/your-first-app/adding-mobile"> <div class="pagination-nav__sublabel"> 以前的/div> <div class="pagination-nav__label"> «!-- -->添加手机/div></a> </div> <div class="pagination-nav__item pagination-nav__item--next"> <a class="pagination-nav__link" href="//m.jesscamp.com/docs/react/your-first-app/live-reload"> <div class="pagination-nav__sublabel"> 下一个/div> <div class="pagination-nav__label"> 生活重装!-- -->»/div></a> </div> </nav> </div> <div class="spacer"></div> </div> <div class="end"> <div class="toc-wrapper"> <h2>内容/h2> <div class="tableOfContents_35-E thin-scrollbar theme-doc-toc-desktop"> <ul class="table-of-contents table-of-contents__left-border"> <li><a href="#capacitor-setup" class="table-of-contents__link toc-highlight">电容器设置/a></li> <li><a href="#ios" class="table-of-contents__link toc-highlight">iOS./a></li> <li><a href="#android" class="table-of-contents__link toc-highlight">安卓/a></li> </ul> </div> <a href="https://github.com/ionic-team/ionic-docs/edit/main/docs/react/your-first-app/6-deploying-mobile.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"> <svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-edit iconEdit_nn1O"> <path d="M7 0C3.13438 0 0 3.21563 0 7.17813C0 10.35 2.00625 13.0375 4.7875 13.9875C4.83125 13.9969 4.86875 14 4.90625 14C5.16563 14 5.26562 13.8094 5.26562 13.6438C5.26562 13.4719 5.25938 13.0219 5.25625 12.4219C4.99375 12.4812 4.75938 12.5063 4.55 12.5063C3.20313 12.5063 2.89687 11.4594 2.89687 11.4594C2.57812 10.6313 2.11875 10.4094 2.11875 10.4094C1.50938 9.98125 2.11562 9.96875 2.1625 9.96875H2.16563C2.86875 10.0312 3.2375 10.7125 3.2375 10.7125C3.5875 11.325 4.05625 11.4969 4.475 11.4969C4.80312 11.4969 5.1 11.3906 5.275 11.3094C5.3375 10.8469 5.51875 10.5312 5.71875 10.35C4.16563 10.1688 2.53125 9.55313 2.53125 6.80312C2.53125 6.01875 2.80312 5.37813 3.25 4.87813C3.17812 4.69688 2.9375 3.96563 3.31875 2.97813C3.31875 2.97813 3.36875 2.9625 3.475 2.9625C3.72812 2.9625 4.3 3.05937 5.24375 3.71562C5.80312 3.55625 6.4 3.47812 6.99687 3.475C7.59062 3.47812 8.19063 3.55625 8.75 3.71562C9.69375 3.05937 10.2656 2.9625 10.5188 2.9625C10.625 2.9625 10.675 2.97813 10.675 2.97813C11.0563 3.96563 10.8156 4.69688 10.7437 4.87813C11.1906 5.38125 11.4625 6.02187 11.4625 6.80312C11.4625 9.55937 9.825 10.1656 8.26562 10.3438C8.51562 10.5656 8.74063 11.0031 8.74063 11.6719C8.74063 12.6313 8.73125 13.4062 8.73125 13.6406C8.73125 13.8094 8.82812 14 9.0875 14C9.125 14 9.16875 13.9969 9.2125 13.9875C11.9969 13.0375 14 10.3469 14 7.17813C14 3.21563 10.8656 0 7 0Z" fill="currentColor"></path> </svg>编辑这个页面/a> </div> </div> </div> </div> </main> </div> </div> </div> </div> <div style="text-align:center;margin-bottom:5px;"><form action="http://www.baidu.com/baidu" target="_blank"><div bgcolor="#FFFFFF" style="text-align:center;"><input name="tn" type="hidden" value="baidu"><a href="http://www.baidu.com/"><img src="http://img.baidu.com/img/logo-80px.gif" width="80px" height="29px" alt="Baidu" align="bottom" border="0"></a><input type="text" name="word" size="30" placeholder="" value=""><input type="submit" value="百度搜索"></div></form></div><div id="so360" style="text-align:center;margin-bottom:5px;"><form action="https://www.so.com/" target="_blank" id="so360form"><img src="http://p1.qhimg.com/d/_onebox/search.png" width="100px" height="25px"> <input type="text" autocomplete="off" name="q" id="so360_keyword" placeholder="" value=""> <input type="submit" id="so360_submit" value="360搜索"> <input type="hidden" name="ie" value="gbk"><input type="hidden" name="src" value="zz"> <input type="hidden" name="site" value="so.com"> <input type="hidden" name="rg" value="1"></form></div><div id="sogou" style="text-align:center;margin-bottom:5px;"><form action="https://www.sogou.com/" target="_blank" id="so360form"><img src="https://www.sogou.com/web/index/images/logo_440x140.v.4.png" width="100px" height="25px"> <input type="text" autocomplete="off" name="q" id="sogou.com_keyword" placeholder="" value=""> <input type="submit" id="sogou_submit" value="搜狗"> <input type="hidden" name="ie" value="gbk"><input type="hidden" name="src" value="zz"> <input type="hidden" name="site" value="so.com"> <input type="hidden" name="rg" value="1"></form></div></body> </html>