flutter | cookbook | dart |

Flutter Cookbook

by Abhith RajanApril 30, 2018 · 3 min read · Last Updated:
Share this

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

Table of Contents

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

1Navigator.pushReplacement(
2 context,
3 MaterialPageRoute(builder: (context) => HomePage()),
4 );

Tutorials

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

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.

Error importing package:http/http.dart

After long time, when I tried to build, I got this error. To resolve,

Go to your pubspec.yaml file , and add the http dependency:

1dependencies:
2 flutter:
3 sdk: flutter
4
5 cupertino_icons: ^0.1.2
6 http: any

Then run the following,

1flutter packages get

If you are using VS Code as the IDE, the above will be automatically executed once you save the pubspec.yaml file. (If you installed the Flutter extension for VS Code).

This page is open source. Noticed a typo? Or something unclear?
Improve this page on GitHub

Abhith Rajan

Written by Abhith Rajan Buy me a coffee
Abhith Rajan is an aspiring software engineer with more than 6 years of experience and proven successful track record of delivering technology-based products and services.

Related Videos