close

[Solved] Duplicate GlobalKey detected in widget tree

Hello Guys How are you all? Hope You all are fine. When I was trying to run my flutter app and suddenly I get the following error in my stack track. Duplicate GlobalKey detected in widget tree in a flutter. So today Here I come with all possible solutions for this error.

We are providing you all possible solutions to solve this error. let’s start this article without wasting your time.

How Duplicate GlobalKey detected in widget tree Error Occurs ?

I am just facing globalKey error in my flutter app. Here is my console error.

══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY ╞═══════════════════════════════════════════════════════════
The following assertion was thrown while finalizing the widget tree:
Duplicate GlobalKey detected in widget tree.
The following GlobalKey was specified multiple times in the widget tree. This will lead to parts of
the widget tree being truncated unexpectedly, because the second time a key is seen, the previous
instance is moved to the new location. The key was:
- [LabeledGlobalKey<FormFieldState<String>>#3c76d]

How to Solve Duplicate GlobalKey detected in widget tree Error?

  1. How to Solve Duplicate GlobalKey detected in widget tree Error?

    To Solve Duplicate GlobalKey detected in widget tree Error just Just remove static word where you define globe key. will solve your error. if this solution not worked then take look of global key example.

  2. Duplicate GlobalKey detected in widget tree

    To Solve Duplicate GlobalKey detected in widget tree Error just Just remove static word where you define globe key. will solve your error. if this solution not worked then take look of global key example.

Solution 1 : Just Restart your app.

Flutter pro-tip: If you get an error, don’t assume you actually have an error. Restart first. I know Its funny solution but It worked for me 🙂

Solution 2: Remove static data type

Just remove static word where you define globlekey.

static final GlobalKey<FormState> _abcKey = GlobalKey<FormState>();

change it to

GlobalKey<FormState> _abcKey = GlobalKey<FormState>();

Solution 3 : Use key

Best way to solve that, which worked for me:

class _ProductScreenState extends State<ProductScreen> {
   GlobalKey<FormState> _productKey = GlobalKey<FormState>();
   @override
   Widget build(BuildContext context) {
     return Container(
       key: _productKey ,
     );
   }
}

Summery

So, It’s All About This Error. I hope this tutorial helps you to Solve your error. Please Comment Below if You stucks anywhere with my code. And please comment below on which solution worked for you. Thank You.

Also Check Out Below Tutorials

1 thought on “[Solved] Duplicate GlobalKey detected in widget tree”

Leave a Comment

%d bloggers like this: