Flutter Cookbook

Most of the solution implementations mentioned below can be found in my repo https://github.com/Abhith/piggy-flutter.

Tutorials

Build

Move to a new screen without back

An example of this use case is the login page. When a user successfully logged in, we redirect the user to another page, and in most case, we don't want a back button to go back to the login page. This can be easily done using Navigator.pushReplacement

Navigator.pushReplacement(
        context,
        MaterialPageRoute(builder: (context) => HomePage()),
);

BLoC pattern

As a rookie in the flutter, one of the biggest challenges I faced was state management. Started with StatefulWidget's setState, but sooner understood that it is not enough (state persistence was the tough part). After a long search, found that there are many ways to do it in flutter including Redux, Scoped Model, BLoC etc. I don't like Redux too much, I tried it for React Native app earlier and moved to mobx-state-tree instead.

One I got excited about was Streams and BLoC (business logic components). But first found tutorials was not enough and heavily confusing (for a rookie). But tried them one by one and my solutions get better after each commit. The tutorial which really helped me was,

One thing not mentioned in the video is accessing the bloc instance via InheritedWidget, which you can understand by referring the code

Additional Resources

Build failed - null value in entry: outputFile=null

Recently my machine shutdown unexpectedly during a build in progress. After that, all the build is failing with this error.

Removing the .gradle directory in the root project directory will fix the problem.


comments powered by Disqus

About the author

  • Abhith Rajan

    Abhith Rajan

    Abhith Rajan is a full-stack developer, consultant, Sysberries employee, and biker. Who passionate about C# and JavaScript. Works on his blog, his personal finance web app and its react native mobile app in his free time.

    Buy me a coffeeBuy me a coffee