Log in
Computer Science
2
answers
1
watching
152
views

Using Flutter 3.7.6 and VS code 1.77.1 running flutter program connecting to Firestore. I get this error msg

/C:/Users/dseto/AppData/Local/Pub/Cache/hosted/pub.dev/google_fonts-4.0.3/lib/google_fonts.dart:7:8: Error: Dart library 'dart:ui' is not available on this platform.
import 'dart:ui' as ui;
       ^
Context: The unavailable library 'dart:ui' is imported through these packages:

    package:todolist => package:cloud_firestore => package:cloud_firestore_platform_interface => package:flutter => dart:ui
    ...

How do I resolve it. I imported cloud_firestone.dart and firebase_core.dart so I don't understand what's going on?

See Flutter program listed below.


import 'package:cloud_firestore/cloud_firestore.dart'; import 'package:firebase_core/firebase_core.dart'; import 'package:flutter/material.dart'; import 'package:google_fonts/google_fonts.dart'; import './pages/tasklist/tasklist.dart'; import 'package:todolist/pages/tasklistdetail/tasklistdetail.dart'; import 'package:todolist/pages/authscreen/authscreen.dart';
void main() async {   WidgetsFlutterBinding.ensureInitialized();   await Firebase.initializeApp();   runApp(MyApp()); }
class MyApp extends StatelessWidget {   final Stream<QuerySnapshot> _usersStream =       FirebaseFirestore.instance.collection('users').snapshots();
   MyApp({super.key});
  // This widget is the root of your application.   @override   Widget build(BuildContext context) {     return MaterialApp(       title: 'Flutter Demo',       theme: ThemeData(         primarySwatch: Colors.blue,         textTheme: GoogleFonts.robotoCondensedTextTheme(),       ),       home: StreamBuilder(           stream: _usersStream,           builder: (context, userSnapshot) {             if (userSnapshot.hasData) {               print(userSnapshot.data!.docs[0].data);               return const TaskListPage(                 title: "Task List Page",               );             } else {               return AuthScreen();             }           }),       routes: {         '/tasklist': ((context) => const TaskListPage(               title: "Task List Page",             )),         '/tasklistdetail': ((context) => const TaskListDetailPage(               title: "Task List Detail Page",             )),         '/login': ((context) => AuthScreen())       },     );   } }

Watch
2
answers
1
watching
152
views

For unlimited access to Homework Help, a Homework+ subscription is required.

Unlock all answers

Get 1 free homework help answer.
Already have an account? Log in
Share
Avatar image
Read by 1 person
Already have an account? Log in
Share

Related questions

Testing the triple backticks again for the flutter code to be readable. If this doesn't work no idea how to do it in oneclass. I put triple backticks one line above code and second triple backticks below my code after the last line.

 

```

import 'package:flutter/material.dart'; import 'package:google_fonts/google_fonts.dart';
import 'package:todolist/pages/tasklist/tasklist.dart'; import 'package:todolist/pages/tasklistdetails/tasklistdetails.dart';
void main() {   runApp(const MyApp()); }
class MyApp extends StatelessWidget {   const MyApp({super.key});
  @override   Widget build(BuildContext context) {     return MaterialApp(         title: 'Flutter Demo',         theme: ThemeData(           primarySwatch: Colors.blue,           textTheme: GoogleFonts.robotoCondensedTextTheme(),         ),         initialRoute: '/tasklist',         routes: {           '/tasklist': ((context) =>               const TaskListPage(title:"Task List1 Page")),           '/tasklistdetails': ((context) =>               const TaskListDetailsPage(title: "Task List Details Page"))         });   } }
class MyHomePage extends StatefulWidget {   const MyHomePage({super.key, required this.title});   final String title;   @override   State<MyHomePage> createState() => _MyHomePageState(); }
class _MyHomePageState extends State<MyHomePage> {   @override   Widget build(BuildContext context) {     return Scaffold(       appBar: AppBar(         title: Text(widget.title),       ),       body: const Text('Task list page'),       floatingActionButton: Theme(         data: Theme.of(context).copyWith(splashColor: Colors.amber),         child: FloatingActionButton(           onPressed: () =>{Navigator.pop(context)},           tooltip: 'Increment',           child: const Icon(Icons.add),         ),       ), // This trailing comma makes auto-formatting nicer for build methods.     );   } } ```

Following the suggestion from sweetyjalan7 on posting my flutter code in here. Link of my original question -

Only thing I don't see code sample button </>on this website or formatting toolbar. So I just typed it in manually. Hopefully it works once I press the Continue. Only buttons I see on this website is the formula button and number list button.

</>

import 'package:flutter/material.dart'; import 'package:google_fonts/google_fonts.dart';
import 'package:todolist/pages/tasklist/tasklist.dart'; import 'package:todolist/pages/tasklistdetails/tasklistdetails.dart';
void main() {   runApp(const MyApp()); }
class MyApp extends StatelessWidget {   const MyApp({super.key});
  @override   Widget build(BuildContext context) {     return MaterialApp(         title: 'Flutter Demo',         theme: ThemeData(           primarySwatch: Colors.blue,           textTheme: GoogleFonts.robotoCondensedTextTheme(),         ),         initialRoute: '/tasklist',         routes: {           '/tasklist': ((context) =>               const TaskListPage(title:"Task List1 Page")),           '/tasklistdetails': ((context) =>               const TaskListDetailsPage(title: "Task List Details Page"))         });   } }
class MyHomePage extends StatefulWidget {   const MyHomePage({super.key, required this.title});   final String title;   @override   State<MyHomePage> createState() => _MyHomePageState(); }
class _MyHomePageState extends State<MyHomePage> {   @override   Widget build(BuildContext context) {     return Scaffold(       appBar: AppBar(         title: Text(widget.title),       ),       body: const Text('Task list page'),       floatingActionButton: Theme(         data: Theme.of(context).copyWith(splashColor: Colors.amber),         child: FloatingActionButton(           onPressed: () =>{Navigator.pop(context)},           tooltip: 'Increment',           child: const Icon(Icons.add),         ),       ), // This trailing comma makes auto-formatting nicer for build methods.     );   } } </>



When I paste my flutter code in here and than post it as a question the format is screwed up. Therefore it's hard to understand it. Currently when I paste it in here looks ok. But once it gets posted it becomes messy and the codes are out of alignment hard to read them.

Is there a way to format in this website so that it is easier to read them.

Same thing with the answers that I get.

 

 

import 'package:flutter/material.dart'; import 'package:google_fonts/google_fonts.dart';
import 'package:todolist/pages/tasklist/tasklist.dart'; import 'package:todolist/pages/tasklistdetails/tasklistdetails.dart';
void main() {   runApp(const MyApp()); }
class MyApp extends StatelessWidget {   const MyApp({super.key});
  @override   Widget build(BuildContext context) {     return MaterialApp(         title: 'Flutter Demo',         theme: ThemeData(           primarySwatch: Colors.blue,           textTheme: GoogleFonts.robotoCondensedTextTheme(),         ),         initialRoute: '/tasklist',         routes: {           '/tasklist': ((context) =>               const TaskListPage(title:"Task List1 Page")),           '/tasklistdetails': ((context) =>               const TaskListDetailsPage(title: "Task List Details Page"))         });   } }
class MyHomePage extends StatefulWidget {   const MyHomePage({super.key, required this.title});   final String title;   @override   State<MyHomePage> createState() => _MyHomePageState(); }
class _MyHomePageState extends State<MyHomePage> {   @override   Widget build(BuildContext context) {     return Scaffold(       appBar: AppBar(         title: Text(widget.title),       ),       body: const Text('Task list page'),       floatingActionButton: Theme(         data: Theme.of(context).copyWith(splashColor: Colors.amber),         child: FloatingActionButton(           onPressed: () =>{Navigator.pop(context)},           tooltip: 'Increment',           child: const Icon(Icons.add),         ),       ), // This trailing comma makes auto-formatting nicer for build methods.     );   } }

Weekly leaderboard

Home
Homework Help 3,900,000
Computer Science 2,000
Start filling in the gaps now
Log in