ionic-framework 相关问题

Ionic是一个前端框架,用于使用Sass和Angular开发具有HTML的本机感混合移动应用程序。默认情况下,它运行在Cordova之上。

Miragejs:无法加载离子图标 - 数据:image/svg+xml

浏览器控制台中出现以下错误,并且图标未渲染。 对象 { 描述:“Mirage:未定义”,文件名:“http://localhost:8100/js/chunk-vendors.js lin...

回答 1 投票 0

获取 ISO 字符串格式的 2 个日期相减后的天数

我想计算两个日期之间的差异后的天数(两个日期都是isoString格式)。当我尝试减去时,它返回 NaN 而不是天数。这是我的代码,我可以知道...

回答 3 投票 0

带iOS Passkey的电容如何获取注册数据

我正在为我的 Ionic 应用程序实现 Passkey,但我找不到任何插件,所以我正在构建自己的插件。一切正常,直到触发本机 iOS 上的密钥,但我无法获取

回答 1 投票 0

如何在ionic项目中正确更新node.js

我有一个使用 vue / vuetify 的项目,我正在尝试将其合并到 Ionic 项目中(后者最初是作为 Ionic 站点的示例)。 原来的项目运行正常,使用vue v...

回答 1 投票 0

类型“FetchData[]”不可分配给类型“string”(Ionic React Typescript)

response.body是文件的base64字符串。如何将其保存到字符串变量中? fetchCustom(store.apiURL, { trtyp: '文件下载', seskey: store.userSessionKey, ...

回答 1 投票 0

如何按自定义顺序将离子项添加到离子列表中?

我有一批当用户执行离子无限滚动时收到的物品。我想要的是能够向上而不是向下添加离子列表项。我尝试了 Ionic 2 如何使 ion-list 增长

回答 1 投票 0

升级到 ionic 8 和独立组件错误警报控制器

我已将我的应用程序从 ionic 7 升级到 8 升级后我收到以下错误 错误 NullInjectorError:R3InjectorError(环境注入器)[_ModalController -> _ModalController]:

回答 1 投票 0

如何使用 vanilla js 在 Cordova / Capacitor / Conic 中以编程方式滚动

我确实进行了很多搜索,但没有找到可接受的答案,所以这就是问题以及我为其他正在为此苦苦挣扎的人的解决方案。 问题:我们不能再使用 window.scrollTo() 来...

回答 2 投票 0

如何通过新的调色板更新临时更改 Ionic 8 中组件中颜色变量的值?

在带有 Ionic Framework 的 Angular 应用程序中,我有一个组件,在特定操作中,我需要使默认颜色变量 --ion-background-color 透明,并恢复为定义的

回答 1 投票 0

“离子按钮+仅图标”组件内部不起作用

我正在使用 Ionic 3.*,试图创建一个仅包含一个按钮的组件。 组件代码为: @成分({ 选择器:“个人资料按钮”, templateUrl: 'profile-button.html', }) 出口类

回答 4 投票 0

带有半透明标题的 Ionic iOS PWA 状态栏

我正在使用 ionic 框架开发一个 PWA。 它看起来就像一个 iOS 应用程序,除了我不明白的一件事,那就是状态栏。 在离子组件文档中

回答 1 投票 0

电容器缺少脚本:“开始”

我刚刚创建了一个电容器项目,我想启动它,但收到以下错误消息: PS C:\Users\Lenovo\Documents\my-app> npm run start npm 错误!缺少脚本:“开始&

回答 1 投票 0

使用 ngCordova 检查移动设备是否启用了自动时区

Ionic v1 应用程序需要检查移动设备(Android 或 iOS)是否启用了自动时区,我该怎么做?我想这是使用 ngCordova 完成的。 对于某些操作,自动时区...

回答 1 投票 0

this.platform.is("mobile") 对于浏览器返回 true

我正在浏览器上运行一个离子项目 脚本 “浏览器”:“ionic-app-scripts服务--sourceMap源映射--iscordovaserve--wwwDir平台/浏览器/www/--buildDir平台/浏览器/www/build” ...

回答 5 投票 0

如何在点击按钮后动态调整传单地图的大小?

我有一份传单地图包含在 此页面分为 我有一份传单地图包含在<div id="map" data-tap-disabled="false" style="width: 100%; height: 100%;"></div> 此页面分为<ion-header>、<ion-content>和<ion-footer>。该地图包含在 <ion-content> 中。我想做的是用按钮隐藏页眉和页脚。 所以我用 L.easyButton 创建了一个按钮。代码如下: L.easyButton('click',function(){ if(self.hideLayout){ self.map.addControl(setLayers); self.map.addControl(setZoom); self.map.addControl(toolBar); self.map.addControl(setScale); self.enableAdditionalButtons(textButton, arrowButton); self.hideLayout = false; self.hideFooter = false; self.map.invalidateSize(true); }else{ self.map.removeControl(toolBar); self.map.removeControl(setLayers); self.map.removeControl(setZoom); self.map.removeControl(setScale); self.disableAdditionalButtons(textButton, arrowButton); self.hideLayout = true; self.hideFooter = true; self.map.invalidateSize(true); } 我将以下代码添加到<ion-footer>中: <ion-footer *ngIf="!this.mapService.hideFooter"> 发生的情况是地图不会调整大小,并且仍然是白色带而不是页脚 我尝试使用invalidateSize传单方法,即使使用“setInterval”但没有成功。我认为有关 html 和 css 的内容需要编辑,但我还不是专家。 再次感谢大家,我希望我说清楚了:) 根据您的代码,我将添加我的积分; constructor(private plt: Platform) { } L.easyButton('click', () => { const map = document.getElementById('map'); if (self.hideLayout) { self.map.addControl(setLayers); self.map.addControl(setZoom); self.map.addControl(toolBar); self.map.addControl(setScale); self.enableAdditionalButtons(textButton, arrowButton); self.hideLayout = false; self.hideFooter = false; self.map.invalidateSize(true); map.style.height = '100%'; map.style.width = '100%'; } else { self.map.removeControl(toolBar); self.map.removeControl(setLayers); self.map.removeControl(setZoom); self.map.removeControl(setScale); self.disableAdditionalButtons(textButton, arrowButton); self.hideLayout = true; self.hideFooter = true; self.map.invalidateSize(true); map.style.height = (this.plt.height() - 26) + 'px'; // 26 is the status bar, it may be 20 so u update it accordingly // source: https://ionicframework.com/docs/v3/theming/overriding-ionic-variables/ map.style.width = this.plt.width() + 'px'; } 如果它不起作用,那么您需要提供您的 ts 代码,因为(自己)不太清楚它是像(这个)还是您只是共享部分功能... 最后我找到了一个适合我的解决方案。我会把它发布在这里。我要感谢@Mostafa Harb 帮助我。 L.easyButton('click', function() { const footerAndHeader = Array.from(document.getElementsByClassName('scroll-content') as HTMLCollectionOf<HTMLElement>)[1]; if (self.hideLayout) { self.map.addControl(setLayers); self.map.addControl(setZoom); self.map.addControl(toolBar); self.map.addControl(setScale); self.enableAdditionalButtons(textButton, arrowButton); self.hideLayout = false; self.hideFooter = false; self.hideHeader = false; self.map.invalidateSize(true); footerAndHeader.style.marginBottom = "40px"; footerAndHeader.style.marginTop = "54px"; } else { self.hideLayout = true; self.hideFooter = true; self.hideHeader = true; self.map.removeControl(toolBar); self.map.removeControl(setLayers); self.map.removeControl(setZoom); self.map.removeControl(setScale); self.disableAdditionalButtons(textButton, arrowButton); self.map.invalidateSize(true); footerAndHeader.style.marginBottom = "7px"; footerAndHeader.style.marginTop = "3px"; } }) 在我的例子中,问题是带有“scroll-content”类的<div>,该类是在<ion-content>标签内自动创建的。因此,使用 getElementsByClassName,我获取了数组中的第二个元素,并调整了页眉和页脚的上边距和下边距。 这个解决方案肯定不是最优的,会有更好的方法。 CSS .mymap{ display: flex; width: 100%; height: 100%; } HTML <div id="map" data-tap-disabled="false" class="mymap"> // your code </div> 添加 display: flex 并设置 height 和 width

回答 3 投票 0

Vuejs/Ionic 中的 Vuetify 模板

我对 vue-ionic 感到困惑。我决定用 Ionic 制作移动应用程序。没关系。然后我就不能使用Angular了。我为前端安装了 vuejs。 (vue-ionic)。之后我决定使用 Vuetify

回答 2 投票 0

Capacitor ML Kit 条码扫描插件版本 6.0.0 不适用于 iOS

我正在使用 Vue 3.x 和 Ionic 7,并在物理 iOS 17 设备上运行 Capacitor ML Kit 条码扫描插件。 在该插件的 6.0.0 版本中,在 iOS 上调用任何 BarcodeScanner 方法结果...

回答 1 投票 0

指定 max 和 min 时值发生变化的离子日期时间问题

我在我的项目中使用ion-datetime,以下是有关Ionic版本的一些信息: 离子: 离子 CLI:5.4.16 离子框架:离子角3.9.5 @ionic/app-scripts:3.2.2 而他...

回答 2 投票 0

如何使ios的deeplink ionic正确?

我正在使用 Nuxt 3、TypeScript 和 Ionic 开发 Android/iOS 的混合移动应用程序。我的应用程序充当在线商店。在付款过程中,应用程序会将用户重定向到...

回答 1 投票 0

当链接有多个参数时如何实现Ionic Deeplink

我需要有人向我解释如何在我的项目中使用离子深度链接。 场景是这样的,我有一个链接 https://dev-testing-app.web.app/auth-handler?mode=action&oobCode=code,我...

回答 1 投票 0

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.