Flutter：有没有可能知道你现在是否不在舞台上？

Question

我的应用中有许多页面都包含在 Offstage 小部件中。每个页面都使用提供程序包根据状态更新进行渲染（例如，用户做了一些事情，我们进行网络调用并显示结果）。

由于页面包装在Offstage 小部件中，因此即使不是当前页面，也会调用build() 方法（和后续网络调用）。

build() 方法中是否有办法知道小部件当前是否处于关闭状态（如果是，则跳过任何昂贵的逻辑）？

我假设我可以处理全局状态等，但我想知道是否有与 Offstage 小部件本身相关的内置内容，类似于 mounted

Answer 1

也许它不适用于您，但您可以通过不使用Offstage 来解决它。考虑这个应用程序：

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {

  MyApp({super.key});

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  bool showFirst = true;

  void switchPage() {
    setState(() {
      showFirst = !showFirst;
    });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        home: Scaffold(
            body: Center(
                child: Stack(children: [
                  Offstage(offstage: !showFirst,child: A("first", switchPage)),
                  Offstage(offstage: showFirst,child: A("second", switchPage)),
                ]))));
  }
}

class A extends StatelessWidget {
  final String t;
  final Function onTap;
  const A(this.t, this.onTap, {Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    print('$t is building');
    return TextButton(onPressed: ()=> onTap(), child: Text(t));
  }
}

您会通过打印注意到两个页面都已构建。但是如果你在没有Offstage 的情况下像这样重写它，那么只会构建可见的：

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        home: Scaffold(
            body: Center(
                child: Stack(children: [
                  if (showFirst) A("first", switchPage),
                  if (!showFirst)  A("second", switchPage),
                ]))));
  }