Allowing users to navigate between screens

Managing screen stacks
Working with tab bars
Using side drawers

12/9 150-159. 56 m

Using GridView

body: GridView(
        gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
          crossAxisCount: 2,
          childAspectRatio: 3 / 2,
          crossAxisSpacing: 20,
          mainAxisSpacing: 20,
        ),
        children: const [
          Text(
            '1',
            style: TextStyle(color: Colors.white),
          ),
...

folders structure

Screenshot 2023-12-09 at 6.39.39 PM.png

dummy data

import 'package:flutter/material.dart';

import 'package:meals_app/models/category.dart';

const availableCategories = [
  Category(
    id: 'c1',
    title: 'Italian',
    color: Colors.purple,
  ),
  ...
];