ionic-team / ionic-team/ionic-framework

bug: iOS back transitions between <ion-tabs> pages not animating

未关闭
#18,181 26 条评论 7 个 reaction 已指派 0 人 在 GitHub 查看
package: core type: bug
主要语言
TypeScript
星标
52.7k
派生
13.3k
平均合并
1 天 15 小时
30 天内合并 PR
51

描述

# Bug Report

**Ionic version:**

[x] **4.3.1**

**Current behavior:**

Demo app confirgured with { mode: 'ios' } and has 2 <ion-tabs> pages. Navigating forward from Tabs A to Tabs B pages animates as expected. Navigating back from Tabs B to Tabs A does not animate. Removing the { mode: 'ios' } config line shows Android style animations working correctly forwards and back.

**Expected behavior:**

Navigating back from Tabs B to Tabs A page should animate.

**Steps to reproduce:**

- Create a new app
- Change app.module to run in iOS mode
- Create 2 pages, and navigate forward and back between each one

**Related code:**

Basic demo is available at: https://github.com/benmarsh/ionic-multi-tabs-test

**Other information:**
![](https://raw.githubusercontent.com/benmarsh/ionic-multi-tabs-test/master/ionic-tabs-bug.gif)

**Ionic info:**

```
Ionic:

ionic (Ionic CLI) : 4.12.0 (/usr/local/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 4.3.1
@angular-devkit/build-angular : 0.13.8
@angular-devkit/schematics : 7.3.8
@angular/cli : 7.3.8
@ionic/angular-toolkit : 1.5.1

System:

NodeJS : v11.12.0 (/usr/local/Cellar/node/11.12.0/bin/node)
npm : 6.7.0
OS : macOS Mojave

```

贡献指南

打开贡献指南

调研方向

Start by reproducing the issue with the linked basic demo app, using app.module to enable iOS mode and two ion-tabs pages. Compare forward and back navigation, then trace the ion-tabs transition entry points. Done means navigating back from Tabs B to Tabs A animates in iOS mode without breaking the existing forward animation.

由索引模型根据 Issue 内容生成。

评估

技术栈
angular, ios, typescript
领域
frontend, mobile
Issue 类型
缺陷
难度
3/5
预计耗时
1-2 天
活跃度
停滞
描述清晰度
描述清楚
新手友好度
38/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。