This course is available as part of the raywenderlich.com Professional subscription. To learn more click here
Pro

Creating Custom Reusable Widgets in Flutter

Sep 14 2022 · Video Course (38 mins) · Beginner

Learn to create custom widgets that are designed with reusability in mind so you could reuse them in your projects or share them with the world as a library.

Version

  • Dart 2.18.0, Flutter 3.3.0, Android Studio Chipmunk 2021.2.1 & VS Code 1.70.2 Universal

Creating Custom Reusable Widgets in Flutter

Get introduced to the concept of refactoring widgets and learn about the different ways you could create custom widgets.

1

Break down the widget’s design and start coding up the different parts that would make up the custom widget.

2

Learn about how we could use parameters of the widget to customize it so that it could be reusable in different parts of our app.

3

Break down the design and interaction of our second reusable widget which is an audio widget and start building it.

4

Add the parameters for the audio widget and code up the logic for the play interaction.

5

Add the logic that updates the position and dependent data for the audio player’s seek bar.

6

Generate the corresponding values for the current time and total time labels in the audio widget.

7

Version history

Flutter 3.3.0, Dart 2.18.0, Android Studio Chipmunk 2021.2.1 & VS Code 1.70.2 Universal (Selected)

Sep 14 2022

Flutter, Dart 2.8, Android Studio 4

Apr 29 2021

Who is this for?

Flutter developers who want to learn how to create reusable widgets either for their apps or for sharing to the world as library.

Covered concepts

  • Code Refactoring
  • Conditional Rendering
  • Widget Parameters
  • Widget Design Planning

Contributors

Comments