Support customizable page transition durations

The latest Android 10 activity transition occurs over 400ms. Currently, MaterialPageRoute has a transition duration that is set to a constant of 300ms.

We should create a new parameter so that developers can modify/customize the transition duration if they'd like. This also allows Flutter's Android 10 transition to have the correct transition duration.

Add MaterialPageRoute.transitionDuration parameter
If possible, add a new PageTransitionsTheme.transitionDuration property that is correctly looked up by all page route classes so that it needs to only be specified in one place instead of wherever a new page route is defined.

This is related to #29068

@HansMuller

cc/ @HansMuller, this is the issue that I was struggling to find a solution for. The only way I could think of was to write some wrapper after making MaterialPageRoute's transitionDuration customizable like so:

Future<T> openNewRoute(BuildContext context) {
  PageTransitionsTheme pageTransitionsTheme = PageTransitionsTheme.of(context);
  Navigator.of(context).push(
    MaterialPageRoute(
      // ... 
      transitionDuration: pageTransitionsTheme.transitionDuration,
    ),
  );
}

However, that seems clunky and will force our users to use a new method to create new routes for their apps if they want something that adheres to PageTransitionsTheme that is not already a default transitionDuration for MaterialPageRoute.

Navigation Menu

Repository navigation

Support customizable page transition durations #42802

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Support customizable page transition durations #42802

Description

Activity

shihaohong commented on Oct 25, 2019

shihaohong commented on Jan 14, 2020

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions