Flutter/Flame game homepage or homeview inconsistency

Question

I have a home-view and in this homeview I have placed my homepage pic, start and settings buttons.

When I run my game in the first opening, homepage pic is shown smaller and the buttons are not shown.

But if i click on restart in the emulator everything looks normal and well-sized. In a real android device homepage pic always smaller and the buttons are not shown.

Util flameUtil = Util();
await flameUtil.fullScreen();
await flameUtil.setLandscapeLeftOnly();

I want to prefer landscape left only.

void resize(Size size) {
screenSize = size;
tileSize = screenSize.width / 9;}

this is my resize method.

titleRect = Rect.fromLTWH(0, 
0, 
game.tileSize*10, 
game.tileSize*5);

titleSprite = Sprite('uipics/homepage.png');

my homepage pic

rect = Rect.fromLTWH(game.tileSize*5, 
(game.screenSize.height) - (game.tileSize*1.5), 
game.tileSize*0.9, 
game.tileSize*0.8);


sprite = Sprite('uipics/playbutton.png');

my start(play) button.

rect = Rect.fromLTWH(game.tileSize*7.2, 
game.screenSize.height - (game.tileSize *1.5), 
game.tileSize*0.9, 
game.tileSize*0.8);

my settings button.

as I mentioned, if i click on restart in my IDE(vsc) everthing is automatically fixed and I can play my game without any problem. but in the first running and in an android device it is problematic. I have tried changing the sizes and the positions but it never worked successfully. Thank you for your help in advance.

Answer 1

You have to run the await flameUtil.fullScreen(); and setLandscapeLeftOnly(); before you do runApp, something like this:

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  SharedPreferences storage = await SharedPreferences.getInstance();
  await Flame.util.fullScreen(); 
  await Flame.util.setLandscapeLeftOnly();
  TheGame game = TheGame(storage); 
  runApp(game.widget);
}