主页 / coding / 问题 / 78601732
Accepted
Mr_Khattak
Asked: 2024-06-10 18:21:21 +0800 CST

Flutter 应用程序在集成 Firebase 后显示空白屏幕

  • 772

该应用程序仍然只显示空白屏幕。这是我的主要应用程序代码：

import 'package:flutter/material.dart';
import 'package:firebase_core/firebase_core.dart';

void main() async {
  await Firebase.initializeApp();
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Firebase Integration')),
        body: Center(child: Text('Hello, Firebase!')),
      ),
    );
  }
}

任何帮助或建议都将不胜感激！

3 个回答

  1. Best Answer

    在初始化 Firebase 之前，您似乎缺少 WidgetsFlutterBinding.ensureInitialized();：

    void main() async {
  WidgetsFlutterBinding.ensureInitialized(); // Add this line
  await Firebase.initializeApp();
  runApp(MyApp());
}
    • 2

  2. 在初始化 Firebase 之前添加WidgetsFlutterBinding.ensureInitialized();。请查看以下代码以供参考。

    import 'package:flutter/material.dart';
import 'package:firebase_core/firebase_core.dart';

Future<void> main() async {
  WidgetsFlutterBinding.ensureInitialized(); // Ensure widgets binding is initialized
  try {
    await Firebase.initializeApp();
    runApp(MyApp());
  } catch (e) {
    print("Failed to initialize Firebase: $e");
    exit(0); // Exit the app if Firebase fails to initialize
  }
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Firebase Integration')),
        body: Center(child: Text('Hello, Firebase')),
      ),
    );
  }
}
    • 1

  3. 您应该初始化 WidgetsFlutterBinding，正如其他评论中所述，我的 Flutter 和 Firebase 应用程序中的主要内容是：

    void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp(
    options: DefaultFirebaseOptions.currentPlatform,
  );
  await Environment.initEnvirnoment();
  runApp(
    const ProviderScope(child: MainApp())
  );
}

    在你的情况下，你不需要打电话给await Environment.initEnvirnoment();或ProviderScope

    • 0

相关问题