I'm trying to build 2 screens one contains a list of products and the second has product details, I'm using firebase to store data and so I fetch the data from Firestore in the first screen and it all works perfectly. However in the second screen I pass product data correctly using Navigator but I cannot use that data in my ui, here is code for my second screen, Second screen Code

As you can see I cannot use the name variable in my widget tree, i've seen videos on youtube and I found that some people use state management to solve this problem, but for my case I just want to pass data and display it so... thank you in advance.

CodePudding user response：

The way you've passed data is correct but the way you've accessed the data isn't.

Whenever you try to access the variables of a Class in its state, you do that using widget. So, to access the name or other variables, just do as follows:

widget.name

CodePudding user response：

Use widget.name instead of name in screen to show name or any class attributes.

CodePudding user response：

A [State] object's configuration is the corresponding [StatefulWidget] instance. This property is initialized by the framework before calling [initState]. If the parent updates this location in the tree to a new widget with the same [runtimeType] and [Widget.key] as the current configuration, the framework will update this property to refer to the new widget and then call [didUpdateWidget], passing the old configuration as an argument.

For that you can use widget.key, this will work fine for you.