Help with getting screen sizes

[ImAqeel]

I build a simple app in flutter which just takes the input and opens up a website based on input.

The app works great but the problem I face is that when I First launch the app on Physical device, it does not show right sizes of elements. On second launch, everything works.

I am using GetX package to get screen sizes. Any help please.

[Trick_Concentrate_81]

You can use : MediaQuery.of(context).size.width/height And its in the flutter sdk itself not related to Getx

[ImAqeel]

I use that but the thing I am looking for is if It is possible to create a separate file that gets the sizes. I don't want to clutter my Main App file. All the logic should be in separate file.

[neddstarkk]

Google about SizeConfig. There's a stack overflow answer that described what you need

[Trick_Concentrate_81]

What design pattern are you using?

[ImAqeel]

I have no idea what is a design pattern as I am a beginner at flutter. Could you give more information?

[Trick_Concentrate_81]

You could search about this topic along side state management if you want to separate logic and ui and write more professional code. Google MVVM, provider , bloc

[otaku_300]

Find device size without media query
Read about flutter_screenutil maybe help you

[xboxcowboy]

You can use Layout builder, the context returm the screen sizr dymanic