2025年GlobalKey的使用方法

科技前沿 • 2025-03-29 12:35 • 阅读 55

大家好，我是讯享网，很高兴认识大家。

第一种：

当状态更新时，GlobalKey不会丢失状态

GlobalKey 只有一种类型，它只和自己相等。

定义GlobalKey

final _globalKey = GlobalKey;

讯享网

GlobalKey只能单独使用不能重复使用，不然会报Duplicate GlobalKey detected in widget tree.当然你可以定义多个GlobalKey。

第二种：

当我们需要找到一个数据时，我们给这个组件定义一个GlobalKey。

讯享网

讯享网_globalKey.currentState：获取所定义的State状态

_globalKey.currentWidget：获取所定义的Widget

讯享网_globalKey.currentContext：指的是当前BuilderContext

(_globalKey.currentContext!.findRenderObject() as RenderBox).size;获取当前屏幕的大小

讯享网(_globalKey.currentContext!.findRenderObject() as RenderBox).localToGlobal(Offset.zero);离屏幕的宽度和高度

 MyCounter(key: _globalKey,), //点击按钮获取MyCounter中的值 OutlinedButton(onPressed: () { final state =_globalKey.currentState as _MyCounterState; print(state._counter); }, child: Text('GlobalKey获取'))

final state =_globalKey.currentState as _MyCounterState；意思是获取GlobalKey中的状态， GlobalKey并不知道他会在哪一个Widget的组件中所以我们要进行类型转换。 as 在Dart中代表类型转换。

讯享网class MyCounter extends StatefulWidget { const MyCounter({Key? key}) : super(key: key); @override State<MyCounter> createState() => _MyCounterState(); } class _MyCounterState extends State<MyCounter> { int _counter = 0; @override Widget build(BuildContext context) { return Container( height: 100, width: 100, color: Colors.orange, child: TextButton( onPressed: () { setState(() { _counter++; }); }, child: Text( _counter.toString(), textScaleFactor: 3, ), ), ); } }

2025年GlobalKey的使用方法

第一种：

第二种：

相关推荐