Flutter run stuck on white screen

Question

I have a Flutter issue I can't resolve. I tried all common things like flutter clean, restarting pc, wiping emulator data and few more things still getting stuck on white screen basically.

Launching lib\main.dart on Android SDK built for x86 in debug mode...
✓ Built build\app\outputs\flutter-apk\app-debug.apk.
Installing build\app\outputs\flutter-apk\app.apk...
Connecting to VM Service at ws://127.0.0.1:55863/xq7cW6jF1O8=/ws    // this statement stays as its is 

void main() => MaterialApp(
      color: Colors.black,
      home: Scaffold(
        backgroundColor: Colors.black,
      ),
    );

Basically connection to VM is not happening.

Edit

My dartDeveloperTool says unable to connect to vm service, but it opens in chrome and doesn't show any widget just clean dartDebugger tool.

Call to OpenGL ES API with no current context (logged once per thread).

Answer 1

Of course, it won't work.

Because you need to wrap it in runApp method. Like this:

void main() { 
  runApp(
    MaterialApp(
      color: Colors.black,
      home: Scaffold(
        backgroundColor: Colors.black,
      ),
    ),
  );
}

But it's kinda bad practice to put your MaterialApp inside your main() function. Try to move it into a StatelessWidget or StatefulWidget.

Here's the example:

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: null, // Change null with your own widgets
      ),
    );
  }
}