Creating Custom Reusable Widgets in Flutter
source link: https://www.raywenderlich.com/20983402-creating-custom-reusable-widgets-in-flutter
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Android Apprentice, Fourth Edition — Available Now!
The absolute best book to launch your career as a professional Android developer.
Freshly updated for Kotlin 1.4, Android Studio 4.1, and Android 11.
Start reading for free — today!
This course is available as part of the raywenderlich.com Professional subscription. To learn more click here
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 Custom Widgets
4:56 FreeGet introduced to the concept of refactoring widgets and learn about the different ways you could create custom widgets.
Break down the widget’s design and start coding up the different parts that would make up the custom widget.
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.
Break down the design and interaction of our second reusable widget which is an audio widget and start building it.
Add the parameters for the audio widget and code up the logic for the play interaction.
Add the logic that updates the position and dependent data for the audio player’s seek bar.
Update the Labels
4:13Generate the corresponding values for the current time and total time labels in the audio widget.
Try out the widget we just created by hooking it up to an audio plugin.
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
Emmanuel is a Software Engineer with a passion for teaching who has worked with different coding boot-camps. When not creating...
InstructorGraphic Illustrator with a Bachelor’s Degree in Fine Arts. I am a perpetual perfection seeker with a big passion for History...
IllustratorComments
Add a rating for this content
Sign in to add a ratingAll videos. All books.
One low price.
A raywenderlich.com subscription is the best way to learn and master mobile development — plans start at just $19.99/month!
Learn iOS, Swift, Android, Kotlin, Flutter and Dart development and unlock our massive catalog of 50+ books and 4,000+ videos.
The largest and most up-to-date collection of courses and books on iOS, Swift, Android, Kotlin, Flutter, Dart, Server-Side Swift, Unity and more!
All videos. All books. One low price.
A raywenderlich.com subscription is the best way to learn and master mobile development — plans start at just $19.99/month!
Learn iOS, Swift, Android, Kotlin, Flutter and Dart development and unlock our massive catalogue of 50+ books and 4,000+ videos.
- © 2021 Razeware LLC
- Made with ♥ from around the world
- 6000+ Tutorials and counting
raywenderlich.com and our partners use cookies to understand how you use our site and to serve you personalized content and ads. By continuing to use this site, you accept these cookies, our privacy policy and terms of service .
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK