Question

在路线之间导航时比较以下过渡。

颤振：https://imgur.com/ZGspVO3
Andriod：https://imgur.com/piil7BO

您会看到过渡之间的明显区别。在页面之间进行导航时，页面会相互拉回。我喜欢的样式是这种样式，而不是Flutter使用的样式。

这是一个错误，还是故意更改了此转换？

我使用以下代码进行导航：

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Navigation Transition'),
      ),
      body: Center(
        child: RaisedButton(
          child: Text('Navigate'),
          onPressed: () => Navigator.push(
                context,
                MaterialPageRoute(
                  builder: (context) => Scaffold(
                        appBar: AppBar(
                          title: Text('Navigation Transition'),
                        ),
                        body: Center(
                          child: RaisedButton(
                            child: Text('Navigate'),
                            onPressed: () => Navigator.pop(context),
                          ),
                        ),
                      ),
                ),
              ),
        ),
      ),
    );
  }

Answer 1

如下修改应用程序主题数据可以解决问题：

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Navigation transitions',
      theme: ThemeData(
        pageTransitionsTheme: PageTransitionsTheme(
          builders: const {
            TargetPlatform.android: OpenUpwardsPageTransitionsBuilder(),
          },
        ),
      ),
  ....
  }

有关路线更改期间的过渡的更多信息：

Flutter中的导航过渡与“股票” Andriod相比有所不同

1 个答案: