如何停止导航器重新加载视图？答案

【问题标题】：how to stop navigator to reload view?如何停止导航器重新加载视图？
【发布时间】：2020-09-01 02:08:45
【问题描述】：

我是 Flutter 新手，有一个关于导航器的问题。我有 2 个视图，一个称为 Home 和 List。我创建了一个在这两个视图中持久存在的抽屉。在每个视图中，我都在使用 FutureBuilder 创建对 Firebase 的引用。我遇到的问题是每次我去 Home 或 List initState 都会被再次调用。我相信问题来自从抽屉中选择页面。我的问题如何在每次更改屏幕时都不必调用 InitState 来移动到不同的页面。

title: Text('Go to page 1'),
        onTap: () {
          Navigator.of(context)
              .push(MaterialPageRoute(builder: (context) => Listdb()));

我认为这就是屏幕自我重建的地方。有没有办法避免重建？感谢您的帮助！

【问题讨论】：

我认为你必须在 if else 中使用逻辑，并在页面之间通过 push 和 pop 传输布尔值
这更像是一个状态管理问题。要不要我教你如何使用 Provider？

标签： flutter flutter-layout

【解决方案1】：

您可以使用 AutomaticKeepAliveClientMixin 防止每次更改页面时重新加载，结合 PageView 以获得更好的导航。我将在此处包含一个示例：

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  final PageController _pageController = PageController();

  Widget build(BuildContext context) {
    return Scaffold(
      drawer: Drawer(
        child: ListView(
          padding: EdgeInsets.zero,
          children: <Widget>[
            DrawerHeader(
              child: Text('Drawer Header'),
              decoration: BoxDecoration(
                color: Colors.blue,
              ),
            ),
            ListTile(
              title: Text('Item 1'),
              onTap: () {
                _pageController.jumpToPage(0);
                Navigator.pop(context);
              },
            ),
            ListTile(
              title: Text('Item 2'),
              onTap: () {
                _pageController.jumpToPage(1);
                Navigator.pop(context);
              },
            ),
          ],
        ),
      ),
      body: PageView(
        controller: _pageController,
        children: <Widget>[
          PageOne(),
          PageTwo(),
        ],
      ),
    );
  }
}

class PageOne extends StatefulWidget {
  @override
  _PageOneState createState() => _PageOneState();
}

class _PageOneState extends State<PageOne> with AutomaticKeepAliveClientMixin {
  @override
  void initState() {
    print("From PageOne - This will only print once");
    super.initState();
  }

  @override
  bool get wantKeepAlive => true;

  @override
  Widget build(BuildContext context) {
    super.build(context);
    return Scaffold(
      backgroundColor: Colors.red,
    );
  }
}

class PageTwo extends StatefulWidget {
  @override
  _PageTwoState createState() => _PageTwoState();
}

class _PageTwoState extends State<PageTwo> with AutomaticKeepAliveClientMixin {
  @override
  void initState() {
    print("From PageTwo - This will only print once");
    super.initState();
  }

  @override
  bool get wantKeepAlive => true;

  @override
  Widget build(BuildContext context) {
    super.build(context);
    return Scaffold(
      backgroundColor: Colors.blue,
    );
  }
}

【讨论】：