📒
Mobile Development Reference-TCE-C01
  • Welcome
  • Introduction
    • Project Description
  • First Steps
    • Creating Project
    • Setting up Workspace
      • Project structure
      • Setting up the app
  • Routing
    • Setting up auto route
    • Creating the first screen
    • Setting up router
    • Adding router to Material App
  • Products Feature
    • Creating models
      • Introduction to freezed
      • Introduction to JSON annotations
      • Creating products model
    • Creating products cubit
      • Creating Products States
      • Creating Products Cubit
      • Implementing Get Products Functionality
    • Creating products repository
      • Setting up Dio
      • Making your first http request with DIO
    • Implementing Products Screen UI
      • Adding Products Grid
      • Adding Products Tile
      • Add Products Error Widget
    • Consuming the products cubit
      • Setting up Dependency injection
      • Creating Bloc Provider for ProductsCubit
      • Mapping Products Cubit states to UI
  • Testing
    • Widget Testing
    • Unit Testing
Powered by GitBook
On this page

Was this helpful?

Export as PDF
  1. Routing

Setting up auto route

PreviousSetting up the appNextCreating the first screen

Last updated 4 years ago

Was this helpful?

For this project, we are going to use auto_route for routing between screens as named routes. So to begin first add it on your "pubspec.yaml"

  dependencies: 
    auto_route: ^0.6.9
    
  dev_dependencies:
    auto_route_generator: ^0.6.10
    build_runner: ^1.11.1

So auto route uses code generation if you're new to code generation in dart check out this .

After that let's go ahead and create our first page and create our router.

article