小编典典

在没有动画的情况下替换MaterialApp中的初始Route?

flutter

我们的应用程序是建立在顶部Scaffold和这一点,我们已经能够使用内提供的电话,以适应大多数的我们的路线和导航的要求NavigatorStatepushNamed()pushReplacementNamed(),等)。但是,我们不希望用户在我们的抽屉(nav)菜单中选择某项时具有任何“推动”动画。我们希望通过导航菜单单击目标屏幕来有效地成为堆栈的新初始路径。目前,我们正在为此使用pushReplacementNamed(),以确保应用程序栏中没有后退箭头。但是,从右边滑动的动画意味着正在建立堆栈。

在没有动画的情况下更改初始路线的最佳选择是什么?在同时关闭抽屉动画的情况下,我们可以做到这一点吗?还是我们正在考虑一种情况,我们需要从导航器转移到仅使用单个脚手架并在用户想要更改屏幕时直接更新“主体”?

我们注意到有一个replace()电话NavigatorState,我们认为它可能是开始寻找的正确位置,但目前尚不清楚如何访问最初在中设置的各种路线new MaterialApp()replaceNamed()可能是某种顺序;-)


阅读 463

收藏
2020-08-13

共1个答案

小编典典

您正在做的事情听起来有点像a
BottomNavigationBar,所以您可能需要考虑其中一种而不是a Drawer

但是,只有一个Scaffold并更新body用户点击抽屉项目时的时间是完全合理的方法。您可能会考虑FadeTransition从一个身体变为另一个身体。

或者,如果您喜欢使用Navigator但不希望使用默认的幻灯片动画,则可以通过扩展来自定义(或禁用)动画MaterialPageRoute。这是一个例子:

import 'package:flutter/material.dart';

void main() {
  runApp(new MyApp());
}

class MyCustomRoute<T> extends MaterialPageRoute<T> {
  MyCustomRoute({ WidgetBuilder builder, RouteSettings settings })
      : super(builder: builder, settings: settings);

  @override
  Widget buildTransitions(BuildContext context,
      Animation<double> animation,
      Animation<double> secondaryAnimation,
      Widget child) {
    if (settings.isInitialRoute)
      return child;
    // Fades between routes. (If you don't want any animation, 
    // just return child.)
    return new FadeTransition(opacity: animation, child: child);
  }
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Navigation example',
      onGenerateRoute: (RouteSettings settings) {
        switch (settings.name) {
          case '/': return new MyCustomRoute(
            builder: (_) => new MyHomePage(),
            settings: settings,
          );
          case '/somewhere': return new MyCustomRoute(
            builder: (_) => new Somewhere(),
            settings: settings,
          );
        }
        assert(false);
      }
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text('Navigation example'),
      ),
      drawer: new Drawer(
        child: new ListView(
          children: <Widget> [
            new DrawerHeader(
              child: new Container(
                  child: const Text('This is a header'),
              ),
            ),
            new ListTile(
              leading: const Icon(Icons.navigate_next),
              title: const Text('Navigate somewhere'),
              onTap: () {
                Navigator.pushNamed(context, '/somewhere');
              },
            ),
          ],
        ),
      ),
      body: new Center(
        child: new Text(
          'This is a home page.',
        ),
      ),
    );
  }
}

class Somewhere extends StatelessWidget {
  Widget build(BuildContext context) {
    return new Scaffold(
      body: new Center(
        child: new Text(
          'Congrats, you did it.',
        ),
      ),
      appBar: new AppBar(
        title: new Text('Somewhere'),
      ),
      drawer: new Drawer(
        child: new ListView(
          children: <Widget>[
            new DrawerHeader(
              child: new Container(
                child: const Text('This is a header'),
              ),
            ),
          ],
        ),
      ),
    );
  }
}
2020-08-13