ionic-team / ionic-team/ionic-framework

bug: angular, no animations when navigating to non-tabs page that shares a tabs page path

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

描述

Hi !

# Bug Report

**Ionic version:**
[x] **5.x**

**Current behavior:**
There is no navigation animation when you navigate to a page that is not a child of one of the tabs.
Example going from /tabs/home to /tabs/items/itemID

Also You cannot swipe back when there is no animation.

Here is a screen recording of the problem: [https://youtu.be/Eq7LfXoZL2A](https://youtu.be/Eq7LfXoZL2A)

I have create a repo illustrating the issue. [https://github.com/simetin/ionic-tabs-nav](https://github.com/simetin/ionic-tabs-nav).

**Expected behavior:**
I get that I could just do example /tabs/home/items/itemID, however with an app bigger than a couple of pages and that has a lot of links between different type of items (think for example of Instagram), it become infeasible.

**Steps to reproduce:**
Run the provided Github repo

**Related code:**
[https://github.com/simetin/ionic-tabs-nav](https://github.com/simetin/ionic-tabs-nav)

**Ionic info:**

```
Ionic:

Ionic CLI : 6.0.1 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 5.0.0-rc.2
@angular-devkit/build-angular : 0.900.0-rc.14
@angular-devkit/schematics : 9.0.0-rc.14
@angular/cli : 9.0.0-rc.14
@ionic/angular-toolkit : 2.1.1

Utility:

cordova-res : not installed
native-run : 0.3.0

System:

NodeJS : v12.14.1 (/usr/local/bin/node)
npm : 6.13.4
OS : macOS Catalina```

Thank you for looking into this issue !

贡献指南

打开贡献指南

调研方向

Start by running the linked simetin/ionic-tabs-nav reproduction and navigate from /tabs/home to /tabs/items/itemID. Compare the route transition with navigation between tab pages, including swipe-back behavior. Done means non-tab pages sharing the tabs path receive a navigation animation and support swipe-back.

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

评估

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

把新 issue 发到你的邮箱

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