什么是Flutter里的Key?有哪些分类有什么使用场景？

在Flutter中，Key是一个标识符，用于唯一标识Widget树中的某个Widget。它在Flutter的框架中扮演着重要角色，特别是在Widget树发生变化时，用于帮助Flutter区分、追踪和重建Widget。使用Key可以避免不必要的重建、保持Widget状态，或者在一些特殊情况下对Widget进行控制。

Key 的分类

Flutter中的Key主要分为两类：GlobalKey和LocalKey。

1. GlobalKey

GlobalKey是一种全局唯一的Key，可以在整个应用中唯一地标识一个Widget。它不仅可以标识同一类型的Widget，还可以跨越Widget树的不同分支。GlobalKey可以提供访问Widget的能力，包括其状态和子树。

使用场景

• 访问State：在某些情况下，你可能需要在外部访问一个StatefulWidget的状态。使用GlobalKey可以实现这种需求。
• 跨Widget树移动：当你需要将一个Widget从树的一个位置移动到另一个位置时，GlobalKey可以帮助保持Widget的状态和属性。

示例

class MyStatefulWidget extends StatefulWidget {
  @override
  _MyStatefulWidgetState createState() => _MyStatefulWidgetState();
}

class _MyStatefulWidgetState extends State<MyStatefulWidget> {
  String _message = "Hello";

  void updateMessage(String message) {
    setState(() {
      _message = message;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Text(_message);
  }
}

final GlobalKey<_MyStatefulWidgetState> globalKey = GlobalKey<_MyStatefulWidgetState>();

void main() {
  runApp(MaterialApp(
    home: Scaffold(
      body: Center(
        child: MyStatefulWidget(key: globalKey),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          globalKey.currentState?.updateMessage("Hello, World!");
        },
        child: Icon(Icons.update),
      ),
    ),
  ));
}

2. LocalKey

LocalKey是一个本地唯一的Key，用于区分同一父节点下的多个相同类型的Widget。LocalKey的子类包括ValueKey和ObjectKey。

• ValueKey：基于简单值（如字符串、整数等）构造的Key。
• ObjectKey：基于对象的identity（即内存地址）构造的Key。

使用场景

• 保持列表中项的状态：当你有一个动态变化的列表时，使用LocalKey可以确保列表项在重建时保持其状态和位置。

示例

class MyItem extends StatelessWidget {
  final String title;
  final Key key;

  MyItem({required this.title, required this.key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return ListTile(
      title: Text(title),
    );
  }
}

void main() {
  runApp(MaterialApp(
    home: Scaffold(
      body: ListView(
        children: [
          MyItem(title: "Item 1", key: ValueKey("1")),
          MyItem(title: "Item 2", key: ValueKey("2")),
          MyItem(title: "Item 3", key: ValueKey("3")),
        ],
      ),
    ),
  ));
}

Key 的使用场景

1. 保持Widget的状态：在某些情况下，需要确保某个Widget在树结构发生变化时保持其内部状态。通过为Widget指定一个Key，Flutter可以在重建过程中识别并保留该Widget的状态。

2. 优化性能：当大量的同类型Widget需要频繁地添加、删除或重新排序时，使用Key可以帮助Flutter高效地更新UI，而不是重新构建所有的Widget。

3. 自定义动画或过渡：在执行某些自定义动画或过渡时，使用Key可以帮助Flutter精确地识别和控制动画的开始和结束点。

4. 访问和操作Widget：在某些高级场景中，可能需要在代码的其他部分访问或操作特定的Widget或其状态。通过GlobalKey，可以实现这种需求。

总结

Key是Flutter中一个强大的特性，它在管理和优化Widget树时发挥了重要作用。正确使用Key可以帮助你构建高效、稳定和易维护的Flutter应用。