Skip to content
Muragijimana edited this page May 24, 2023 · 12 revisions

Welcome to the flipper wiki!

Flipper is an online and offline application built by yegobox Ltd, the main goal is to build a world-class business application made for Africans by Africans. This will be a super app for business and end-users

Code Structure

  • Flipper is built into packages where each package is its own mini-application running in the Flipper app see the image attached
Screenshot 2023-05-12 104047
  • we use an open-source folder for external dependable packages

Routing of the app

  • Check ./packages/flipper_routing see attached screenshot
Screenshot 2023-05-12 104450

How to add a page or screen in one of the mini apps

  • Go to the mini-app you want to add the page to and add the page there
  • add page in all_routes.dart file
  • Add page in the app.dart see the image above
  • run flutter packages pub run build_runner build --delete-conflicting-outputs to add it to routing
  • There is a bug that will happen after running the build see in dart app.bottomsheets.dart do this to fix search for ../ in the file and replace it with package: do the same to other affected files as well in the same flipper_routing directory

How to Navigate to a page

Import the following

import 'package:flipper_routing/app.locator.dart';
import 'package:stacked/stacked.dart'; 

And in your code do this

final _routerService = locator<RouterService>();
_routerService.clearStackAndShow(FlipperAppRoute());

You can do the same with dialogs and bottomsheets