Published in ITNEXT

·Pinned

Flutter Best Practices — Part 1

Video Tutorial Here is the first part of best practices in Flutter… Flutter Best Practices — Part 2 Let’s start…itnext.io Flutter Best Practices — Part 3 You can find the first two parts of this series belowitnext.io Flutter Best Practices — Part 4 Here are the new set of 5 Best practices to become a pro flutter developeritnext.io 1. Placeholder Widgets Use SizedBox instead of Container as Placeholder widgets.

Flutter

3 min read

Flutter

3 min read

Published in ITNEXT

·Pinned

BLoC Pattern in Flutter explained with Real Example

In this article we will learn BLoC pattern in flutter for State Management with a simple real world example. You can find the second part of this tutorial here. Watch Video Tutorials Subscribe to my channel for more videos. For this example, we will try to consume a web service. …

Flutter App Development

5 min read

BLoc Pattern in Flutter explained with Real Example

Flutter App Development

5 min read

Published in ITNEXT

·Dec 16, 2022

Custom Theme using Theme Extensions

Video Tutorial Theme extensions were introduced in Flutter 3. But what are Theme Extensions? As the name says, it helps to extend the inbuilt themes with our own extensions. Let’s jump into an example So when you create a flutter app, your basic root widget will look like…

Flutter

2 min read

Flutter

2 min read

Published in ITNEXT

·Nov 8, 2022

Flutter Best Practices — Part 6

Proper naming for Magic Numbers // Do not SvgPicture.asset( Images.frameWhite, height: 13.0, width: 13.0, ); // Do final _frameIconSize = 13.0; SvgPicture.asset( Images.frameWhite, height: _frameIconSize, width: _frameIconSize, ); Understanding the concept of constraints in Flutter There is a thumb rule of a Flutter layout that every Flutter app developer needs to know: constraints go down, sizes go up, and the parent sets…

Flutter

4 min read

Flutter

4 min read

Published in ITNEXT

·Oct 30, 2022

Flutter Best Practices — Part 5

Here is another list of 10 flutter best practices Watch Video Tutor Don’t explicitly initialize variables null In Dart, the variable is automatically initialized to null when its value is not specified, so is adding null is unnecessary and redundant. // Don't int _val = null; // Do int? _val; Use expression function bodies For functions that contain just…

Flutter App Development

4 min read

Flutter App Development

4 min read

Aug 13, 2022

Great article.

Drasko Saric

Sure.

Sure. Thanks for the update.

1 min read

Sure.

Thanks for the update.

Published in ITNEXT

·Aug 10, 2022

Flutter Best Practices — Part 4

Here are the new set of 5 Best practices to become a pro flutter developer The other parts of this series links are provided at the end of this article. 1. Use final/const keyword for unmodified variables “final” means single-assignment: a final variable or field must have an initializer. Once assigned a value, a final variable’s value…

Flutter

2 min read

Flutter

2 min read

Published in ITNEXT

·Jul 21, 2022

Flutter Best Practices — Part 3

Video Tutorial You can find the first two parts of this series below Flutter — Best Practices — Part 1 Here is the first part of best practices in Flutter…itnext.io Flutter Best Practices — Part 2 Let’s start…itnext.io Let’s see 5 more best practices below. 1. Use Raw Strings A raw string can be used to avoid escaping only backslashes and dollars. Don’t var s = ‘This is test string \\ and \$’; Do var s = r’This is test…

Flutter

2 min read

Flutter

2 min read

Published in ITNEXT

·Jul 16, 2022

Flutter Best Practices — Part 2

Let’s start… Here are the other episodes 1st Episode 3rd Episode Video Tutorial Here are the five best practices for today 1. Avoid Functional Widgets We usually have a situation where we need to separate out UI code from the widget, But we avoid creating a separate widget and use…

Flutter

3 min read

Flutter

3 min read

Published in ITNEXT

·Jun 21, 2022

Debugging Network Calls in Flutter with Alice

Watch Video In this article I am showing a useful plugin to debug network calls in Flutter. Alice! You can find the alice package here. Alice is an HTTP Inspector tool for Flutter which helps debugging http requests. It catches and stores http requests and responses, which can be viewed via simple UI. It is simple to integrate! First add the dependency in pubspec.yaml. dependencies: flutter: sdk: flutter

Flutter

2 min read

Flutter

2 min read

Debugging Network Calls in Flutter with Alice

Watch Video

In this article I am showing a useful plugin to debug network calls in Flutter.

Alice!

You can find the alice package here.

Alice is an HTTP Inspector tool for Flutter which helps debugging http requests. It catches and stores http requests and responses, which can be viewed via simple UI.

It is simple to integrate!

First add the dependency in pubspec.yaml.

dependencies:
  flutter:
    sdk: flutter  cupertino_icons: ^1.0.3
  alice: ^0.2.5
  http: ^0.13.4

Create instance of Alice.

Alice alice = Alice();

Attach alice to your network calls.

import 'package:http/http.dart' as http;final response = await http        .get(Uri.parse('https://jsonplaceholder.typicode.com/posts/1'));if (kDebugMode) alice.onHttpResponse(response);

Open Debug info UI

After the network call has been made, you can open up alice inspector using the below code.

alice.showInspector();

Flutter Best Practices — Part 1

BLoC Pattern in Flutter explained with Real Example

Custom Theme using Theme Extensions

Flutter Best Practices — Part 6

Flutter Best Practices — Part 5

Sure.

Flutter Best Practices — Part 4

Flutter Best Practices — Part 3

Flutter Best Practices — Part 2

Debugging Network Calls in Flutter with Alice

Debugging Network Calls in Flutter with Alice

Watch Video

First add the dependency in pubspec.yaml.

Create instance of Alice.

Attach alice to your network calls.

Open Debug info UI

Vipin Vijayan