Using latest Flutter and Visual Code. Followed someone suggestion to align the text to the left side but it failed.

Anyway here is the code below

```

import 'package:flutter/material.dart'; import 'package:google_fonts/google_fonts.dart' show GoogleFonts; // ignore: unused_import 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({Key? key}) : super(key: key);
 
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        textTheme: GoogleFonts.robotoCondensedTextTheme(),
      ),
      initialRoute: '/tasklist',
      routes: {
        '/tasklist': ((context) => Scaffold(
              appBar: AppBar(
                title: const Text(
                  "Task List1 Page",
                  textAlign: TextAlign.left, // added this line to align text to left
                ),
              ),
              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),
                ),
              ),
            )),
        '/tasklistdetails': ((context) =>
            const TaskListDetailsPage(title: "Task List Details Page"))
      },
    );
  }
}
 
class MyHomePage extends StatefulWidget {
  const MyHomePage({Key? key, required this.title}) : super(key: key);
 
  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),
        ),
      ),
    );
  }
}   ``` Screenshot of the result - Task List1 Page didn't get shifted to the left to be aligned with Task List Page.  

My Flutter code got the error message - No MediaQuery widget ancestor found. 

You responded back to do this - 

return MediaQuery(

    data: MediaQueryData(),

    child: MaterialApp(

    home: Scaffold(

    body: SizedBox(

    height: MediaQuery.of(context).size.height,

    child: const Dashboard(),

   ),

)

So where do I put this in my code listed below?

import 'package:flutter/material.dart';
void main() {runApp(const FoodList());}

class MyApp extends StatelessWidget {
const MyApp({super.key});

@override
Widget build(BuildContext context) {
return const MaterialApp(
home: FoodList(),
);
}
}



class FoodList extends StatelessWidget {
const FoodList({super.key});

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text("Food List"),
),
body: ListView(
children: const <Widget>[
ListTile(
title: Text("Food Item 1"),
trailing: Checkbox(value: false, onChanged: null),
),
ListTile(
title: Text("Food Item 2"),
trailing: Checkbox(value: false, onChanged: null),
),
ListTile(
title: Text("Food Item 3"),
trailing: Checkbox(value: false, onChanged: null),
),
ListTile(
title: Text("Food Item 4"),
trailing: Checkbox(value: false, onChanged: null),
),
ListTile(
title: Text("Food Item 5"),
trailing: Checkbox(value: false, onChanged: null),
),
ElevatedButton(
onPressed: null,
child: Text('Submit'),
)
],
),
);
}
}

Flutter Program ver 3.7.6 and Android Studio Eel ver 2022.1.1 Patch 1

Just fixed the previous issue forgot to turn it on Developer setting for this question -

Now when I run the flutter program - Program listed below

I get the error msg - HiveError: Box not found. Did you forget to call Hive.openBox()? See screenshot below the flutter program How to resolve this hiveError what command to type in for this so-called box?

Using Flutter ver 3.3.6 the following flutter program  gets

No MediaQuery widget ancestor found. Someone gave me an example of this but I have no idea where to put it  my code.

return MediaQuery(

    data: MediaQueryData(),

    child: MaterialApp(

    home: Scaffold(

    body: SizedBox(

    height: MediaQuery.of(context).size.height,

    child: const Dashboard(),

   ),

)

My Original code listed below

import 'package:flutter/material.dart';
void main() {runApp(const FoodList());}

class MyApp extends StatelessWidget {
const MyApp({super.key});

@override
Widget build(BuildContext context) {
return const MaterialApp(
home: FoodList(),
);
}
}



class FoodList extends StatelessWidget {
const FoodList({super.key});

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text("Food List"),
),
body: ListView(
children: const <Widget>[
ListTile(
title: Text("Food Item 1"),
trailing: Checkbox(value: false, onChanged: null),
),
ListTile(
title: Text("Food Item 2"),
trailing: Checkbox(value: false, onChanged: null),
),
ListTile(
title: Text("Food Item 3"),
trailing: Checkbox(value: false, onChanged: null),
),
ListTile(
title: Text("Food Item 4"),
trailing: Checkbox(value: false, onChanged: null),
),
ListTile(
title: Text("Food Item 5"),
trailing: Checkbox(value: false, onChanged: null),
),
ElevatedButton(
onPressed: null,
child: Text('Submit'),
)
],
),
);
}
}