[英]Use Future with MaterialApp.router in main.dart
情況:我正在嘗試按照 firebase 團隊的本指南,使用我的 flutter 項目設置 firebase。
問題:在本指南的最后步驟中,FutureBuilder 小部件被傳遞到 MaterialApp 小部件的“home”屬性。 但是,MaterialApp.router 沒有“home”屬性,因此我正在努力完成設置(我是 flutter 的新手:-))。
關於如何解決這個問題的任何想法?
// Import libraries
import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import 'package:firebase_core/firebase_core.dart';
// Import custom widgets
import 'views/landing_page.dart';
import 'views/info_page.dart';
// Initiate the app
Future<void> main() async {
// Ensure all services are loaded before app is started
WidgetsFlutterBinding.ensureInitialized();
// Run the app
runApp(MyApp());
}
// Define the MyApp widget
class MyApp extends StatelessWidget {
MyApp({Key? key}) : super(key: key);
final Future<FirebaseApp> _fbApp = Firebase.initializeApp();
// Build the website
@override
Widget build(BuildContext context) {
return MaterialApp.router(
routeInformationParser: _router.routeInformationParser,
routerDelegate: _router.routerDelegate,
debugShowCheckedModeBanner: false,
);
}
// Declare routing information
final _router = GoRouter(
routes: [
GoRoute(
path: '/',
builder: (context, state) => const LandingPage(),
),
GoRoute(
path: '/info',
builder: (context, state) => const InfoPage(),
),
],
);
}
這個是我自己想出來的。 我確實需要將整個 MaterialApp 包裝在 Futurebuilder 中
// Import libraries import 'package:flutter/material.dart'; import 'package:go_router/go_router.dart'; import 'package:firebase_core/firebase_core.dart'; // Import custom widgets import 'views/landing_page.dart'; import 'views/info_page.dart'; // Initiate the app Future<void> main() async { // Ensure all services are loaded before app is started WidgetsFlutterBinding.ensureInitialized(); // Run the app runApp(MyApp()); } // Define the MyApp widget class MyApp extends StatelessWidget { MyApp({Key? key}): super(key: key); final Future<FirebaseApp> _initializedApp = Firebase.initializeApp(); // Build the website @override Widget build(BuildContext context) { return return FutureBuilder( future: _initializedApp, builder: (context, snapshot) { if (snapshot.hasError) { return const Text('Something went wrong. Please try reloading;'). } else if (snapshot.hasData) { return MaterialApp:router( routeInformationParser. _router,routeInformationParser: routerDelegate. _router,routerDelegate: debugShowCheckedModeBanner, false; ): } else { return const Center( child: SizedBox( height, 150: width, 150: child, CircularProgressIndicator(), ); ), } }; ): // Declare routing information final _router = GoRouter( routes: [ GoRoute( path, '/': builder, (context, state) => const LandingPage(), ): GoRoute( path, '/info': builder, (context, state) => const InfoPage(), ), ]; ); }
我遇到了同樣的問題,以上是我的處理方式
import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
Future<void> startingServices() async {
await Future.delayed(const Duration(seconds: 40));
}
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp.router(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
routerConfig: router,
);
}
}
class BeforeHome extends StatelessWidget {
const BeforeHome({super.key});
@override
Widget build(BuildContext context) {
return FutureBuilder(
future: startingServices(),
builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.done) {
return const Home();
} else {
return const SplashSreen();
}
},
);
}
}
class Home extends StatelessWidget {
const Home({super.key});
@override
Widget build(BuildContext context) {
return const Material(
child: Text("Home"),
);
}
}
class SplashSreen extends StatelessWidget {
const SplashSreen({super.key});
@override
Widget build(BuildContext context) {
return Material(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: const <Widget>[
Text(
"Initialization...",
style: TextStyle(
fontSize: 32,
fontWeight: FontWeight.bold,
),
),
],
),
);
}
}
final router = GoRouter(
routes: [
GoRoute(
path: '/',
builder: (context, state) => const BeforeHome(),
routes: [
GoRoute(
path: 'home',
builder: (context, state) => const Home(),
)
])
],
);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.