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

Creating Custom Reusable Widgets in Flutter

Apr 29 2021 · Video Course (39 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.8, Flutter, Android Studio 4

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

Try out the widget we just created by hooking it up to an audio plugin.

8

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