Flutter & RoboHash 03 - Add an avatar to your app

This is a three-part video on how to add an avatar image to your app by using FutureBuilder and the RoboHash API.

In this video, I will cover:

• BoxDecoration and how to use it to customise the appearance of widgets
• Adding a border with a circle shape and a background gradient
• Use Expanded widget to add spacing between widgets
• Resetting a form and how to use FocusNode to focus input on a text field

sponsor

Code with Andrea is free for everyone. Help me keep it that way by checking out this sponsor:

Build Privacy-First Flutter apps with the @platform. Our Open Source platform, which is built on Dart, gives people control over their own data. Automatically comply with GDPR (and other privacy regulations), earn commissions as you grow, and make apps super fast — no backend infrastructure needed.

Source Code

• RoboHash Flutter Demo

Note: I'm using the iOS simulator, but you can open the Android emulator and run the same code.

This code was written with Flutter Beta 3, and is tested to work with Dart 2.

Thanks for watching!