ionic-framework 相关问题

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

Ion-popover 功能和行为,居中而不是内联

有人可以检查以下 stackblitz 并向我解释这两个按钮之间的区别以及为什么每个按钮的 ion-popover 行为不同? 斯塔克闪电战 我感兴趣的是...

回答 1 投票 0

我在手机上运行时收到 ERR_CLEARTEXT_NOT_PERMITTED。但它在 webview 和模拟器上运行良好

我在项目中使用 Laravel Echo Ionic。 在移动设备上运行它时出现 ERR_CLEARTEXT_NOT_PERMITTED 错误,但它在 webview 和模拟器上运行良好。 我尝试添加 <...

回答 4 投票 0

在 Ionic 项目中将字符串从 Java 传递到 Vue.js

我正在使用 Ionic 和 Vue 构建一个 Android 应用程序。我正在使用 inaturalist 来验证用户身份。一旦用户通过了 inaturalist 的身份验证,它就会触发一个回调 URL,并在其中发送一个代码。我是

回答 1 投票 0

在 Ionic 7 和 React 18 中,如何获取对 Swiper 的引用,以便用户可以通过单击按钮进行转换?

我正在使用 Ionic 7、React 18 和 Swiper 10.3.1。我有以下在两个图像之间切换的组件。我想将其设置为水平翻转动画,当有人单击按钮时,...

回答 1 投票 0

如何更改 ionic 应用程序中的字体?

我想更改字体,但无法在 Chrome 或 Samsung A50、Android XI 设备上执行此操作。我将不胜感激您能指导我的任何帮助,谢谢! 离子 CLI:6.19.0 离子框架:@ionic/angular 6.0.4

回答 2 投票 0

垂直对齐离子卡的中心 [IONIC]

我正在开发一个登录表单,因此在我的中我有一个(用作登录表单的容器),我想将其垂直居中。我尝试了不同的方法...

回答 1 投票 0

如果 URL 哈希发生变化,如何激活效果?

我正在使用 Ionic 7 和 React 18。如果 URL 的哈希部分发生变化,我想在容器中激活不同的组件。我尝试这样做: const MyContainer:React.FC<

回答 1 投票 0

嵌入 YouTube 视频会导致 CORS 错误

我正在尝试在我的离子应用程序中嵌入视频,但加载页面时会显示错误: 获取 https://redirector.googlevideo.com/videoplayback?pcm2cms=yes&key=yt6&ei=5HE...QBGK&c=WEB&am...

回答 2 投票 0

离子存储中保存的数据只有在应用程序重新启动后才会为用户更新

我正在使用离子存储来保存一些数据,包括图像。当我从应用程序更新图像时,我将其替换为存储中的旧图像,并且它已经在存储中更新,但应用程序...

回答 1 投票 0

如何将 Ionic Appflow 与 Quasar + Capacitor 项目结合使用?

我正在使用 quasar 框架(https://quasar.dev/)来构建混合应用程序。我有兴趣尝试 ionic appflow 进行实时更新。 然而,这要求该项目是一个离子项目(e...

回答 1 投票 0

Ionic:Android 模拟器错误

我正在尝试使用 Android Studio v3.0 附带的 Android 模拟器来测试我的 Ionic(3.16.0) 混合应用程序。 /myapp> ionic cordova build android 成功创建了构建。但是当我运行 /mya 时...

回答 2 投票 0

ionic cordova构建android和jdk版本错误

我尝试使用命令 ionic cordova build android 生成 android 版本 我在用着 等级7.4.2 科尔多瓦安卓 10.1.2 JDK 11.0.19 带有构建工具 31.0.0 的 sdk 31(带有 dx 和 dx.jar 的副本...

回答 1 投票 0

Capacitor App,在本地提取 Zip 文件并访问它

我有一个 Ionic/Capacitor 应用程序,希望能够将 ZIP 文件本地下载到设备上,解压缩,然后在 Ionic/Capacitor 应用程序中提供页面。 ZIP 文件包含一个

回答 1 投票 0

Ionic android 离子图标未显示

自从我使用: 离子图标没有显示在我的 Android 设备上,我这样做是为了让 firebase googleAuth 工作! 您有什么建议让它们出现吗? 提前致谢, 离子...

回答 2 投票 0

如何在 Ionic-Angular 中动态更改图标颜色?

我有一个聊天列表,我喜欢根据聊天状态更改离子图标的颜色(来自属性chat.status): 我有一个聊天列表,我喜欢根据聊天状态更改离子图标的颜色(来自属性chat.status): <ion-list *ngFor = "let chat of chats"> <ion-item> <ion-icon name="ellipse-outline" slot ="end" color ="primary"></ion-icon> <ion-label> <h2> {{chat.username}} </h2> </ion-label> </ion-item> </ion-list> 当 chat.status 为 A 时,图标颜色应为红色;当 chat.status 为 B 时,图标颜色应为绿色。我该怎么做? 非常感谢 您可以使用三元运算符来设置颜色: [color]="chat.status === 'A' ? 'danger' : 'success'" 我使用 Ionic 的 danger 作为红色,Ionic 的 success 颜色作为绿色,但如果您愿意,您可以添加自己的颜色。 另一种选择可能是向 ion-icon 元素添加一个类并使用 CSS 设置颜色(如 https://ionicons.com/usage 中所述): <ion-icon slot ="end" name="ellipse-outline" [class.red]="chat.status === 'A'" [class.green]="chat.status === 'B'" ></ion-icon> 然后在你的 scss 文件中: ion-icon.red { color: red; // your red color } ion-icon.green { color: green; // your green color } 一种方法是在模板中使用 style binding: <ion-icon name="ellipse-outline" slot ="end" [style.color]="chat.status === 'A' ? 'red' : chat.status === 'B' ? 'green' : 'black'"></ion-icon> 另一种方法是在模板中使用 directive: <ion-icon name="ellipse-outline" slot ="end" [ngStyle]="colorIcon()"></ion-icon> 您可以控制返回对象的组件的样式: public colorIcon(): Object { if (chat.status === 'A') { return {color: 'red'} } else if (chat.status === 'B') { return {color: 'green'} } else { return {} } } 您还可以使用 style binding 直接提供十六进制颜色 <!-- mycolor = "#123456" --> <ion-icon [style.color]="mycolor" name="square"></ion-icon> <div> <ion-icon [color]="GetColor(value)" name="icon-outline"></ion-icon> </div> GetColor(value) { return !value ? 'warning' : 'tertiary'; }

回答 4 投票 0

找不到模块“stream”或其相应的类型声明

我正在尝试使用 Angular 在 ionic 应用程序中测试来自 npm 的 ytdl-core 库(youtube 下载器)。 我是 ionic 新手,我不知道为什么当我想导入 Readable f...

回答 1 投票 0

在 ionic 中将文本复制到剪贴板

待办事项: 我想在 Ionic 中做这样的事情 我尝试过使用 2 个按钮、1 个活动按钮和另一个禁用事件按钮,但在 ionic 中没有运气。 有没有任何文本框我可以用来制作...

回答 1 投票 0

Ionic2:侧边菜单子菜单(下拉菜单)

我不做ionic,这不是我的问题,这是我朋友的问题,她不敢在StackOverflow上问,因为她真的不知道如何问。 她只是想知道如何创建一个

回答 1 投票 0

键盘覆盖了ios中的输入字段-Ionic 5

我几个月来一直遇到同样的问题,但仍然找不到解决方案。我有一个应用程序,其中有多种表单,当专注于输入字段时,键盘会覆盖此输入框...

回答 4 投票 0

为什么我的 Ionic React 应用程序 linter 不产生任何输出?

我正在构建一个 Ionic 7、React 18 应用程序。我想偶尔使用 eslint 运行 linting,但目前没有得到任何输出。 $ npm 运行 lint > [email protected] lint > 埃斯林特 这是我的爸爸...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.