小编chr*_*002的帖子

离子/ cordova中的Firebase离线功能

有没有人在Android/iOS中使用具有完全离线功能的Firebase实现原生应用?

这可以通过使用原生Firebase SDK的插件在Cordova/Ionic中完成吗?

我们正在构建一个在下载和首次启动时具有连接的应用程序但是我们必须假设一段时间内没有更多的互联网连接,并且数据库中的所有内容都必须可以脱机使用.Firebase是否适合此要求,还是我们必须使用CouchDB/PouchDB或任何其他替代方案?

编辑:

这个问题提到了firebase实时数据库.我相信,随着新的firebase Cloud Firestore离线功能的开箱即用:

https://firebase.google.com/docs/database/rtdb-vs-firestore

实时数据库:仅针对iOS和Android上的移动客户端提供离线支持.

Cloud Firestore:对iOS,Android和Web客户端的脱机支持.

persistence offline cordova firebase ionic-framework

7
推荐指数
2
解决办法
4604
查看次数

Ionic2 iOS过渡阻止点击或点击一秒钟

我在iOS上遇到了Ionic2 Final点击行为的问题.

页面转换后,点击或点击卡片不会工作1-2秒,因此用户必须点击或单击两次(或点击前等待片刻).我已经尝试<a>在卡内使用而不是直接将卡片附加到卡上.我也试过(click), (tap), [navpush],我试过添加tappable到卡.

<ion-content padding class="modules card-background-page">
  <ion-card  class="module-card" *ngFor="let module of modules">
  <a (tap)="tapEvent($event)" (click)="clickEvent($event)" [navPush]="modulePage" [navParams]="{id: module.id}" >
    <img src="{{module.thumbnail}}"/>
    <div class="card-content">
      <div class="card-title">
          <strong>Module {{module.number}}</strong>
      </div>
      <div class="card-subtitle">
          <strong *ngIf="translate.currentLang!='fr'">{{module.subtitle_en}}</strong>
          <strong *ngIf="translate.currentLang=='fr'">{{module.subtitle_fr}}</strong>
      </div>
    </div>
  </a>
  </ion-card>
</ion-content>
Run Code Online (Sandbox Code Playgroud)

在Android上它工作正常.

经过大量的试验和错误,我通过使用android转换"修复"了这个问题:

    IonicModule.forRoot(MyApp, {
      pageTransition: 'md-transition'
    }),
Run Code Online (Sandbox Code Playgroud)

所以问题似乎是iOS过渡.知道如何真正解决这个问题吗?有人有同样的问题吗?转换后或关闭侧面菜单时,我也有很小的问题.但这些并不是那么容易复制的.

iPhone 6S上的iOS 10.1.1

click transitions ios ionic2

6
推荐指数
1
解决办法
1043
查看次数

Ionic 4 - 平板电脑上的点击与触摸启动(点击/移动配置问题)

我们开发了一个安装在安卓平板电脑上的 POS(销售点)中的 Ionic 4 应用程序。

问题是,<ion-button (click)="doSomething">事件通常无法识别,因为用户站在平板电脑前面,平板电脑非常低并且没有发出干净的点击,但是一个非常小的水平移动,离子似乎将其识别为(触摸)移动。这种情况在廉价的三星 Tab A 和三星 Tab S3 上都经常发生。

该按钮实际上会像触摸一样改变它的颜色,但它不会触发。这不会发生在 android 键盘上,所以键盘上的按钮似乎更能容忍小动作。

我们尝试了很多组合,例如

(click) tappable
tap
(click) (touchmove)
(clik) (tap)
(tap) 
(click) (touchstart)
(touchmove)
(touchstart)
Run Code Online (Sandbox Code Playgroud)

唯一有效的是最后一个。(自然不能在元素列表中使用,因为它会阻止滚动,但我们可以接受)。

现在我认为这是一个有点肮脏的解决方法。有没有更好的解决方案来解决这个问题,比如配置按钮内移动的容差?(事实上​​,只要我的手指停留在按钮区域,我就想识别点击,这就是它在角键盘上的工作方式)。

欢迎任何建议。

顺便说一句:我不记得在 Ionic 3 上有这么严重的问题,但我可能是错的。

click button touchstart angular ionic4

6
推荐指数
1
解决办法
2323
查看次数

Ionic PWA 从 config.xml 获取版本号

我想在 Ionic PWA 中显示来自 config.xml 的版本号。

使用 ionic 本机应用程序版本插件可以轻松完成 ios/android 构建。

但是什么是 PWA 构建的好方法(npm run build --release --prod)?

webpack progressive-web-apps ionic3

4
推荐指数
1
解决办法
3024
查看次数