Nest Protect Hero in Flutter | Widget Workshop
Today we’re building a Flutter Widget that’s inspired by the Nest Protect hero pattern in the Nest app.
Nest Protect is the name of Nest’s smoke detector. If you have one, you’ll notice that at the top of the screen for your Protect in the Nest app, there is a semi-skeuomorphic representation of a physical Nest Protect. We create something very similar in this workshop with Flutter.
To keep the fun going, you can learn how to create animated glows and a dark Protect pattern in the Extended Widget Workshop:
https://school.superdeclarative.com
Steps:
0:00 - Welcome
1:44 - Paint one dot
9:51 - Paint a ring of dots
14:28 - Draw all the dots
23:04 - Make the dots prettier
26:16 - Paint the center button
31:57 - Add a logo and paint a glow
----
Follow:
https://twitter.com/suprdeclarative
Hourly Flutter Consulting:
https://consulting.superdeclarative.com
Flutter Training:
https://hotreload.io
Learn Flutter:
https://school.superdeclarative.com
Blog:
http://blog.superdeclarative.com
Website:
https://superdeclarative.com
-
34:51
Super Declarative!
3 years agoFlutter Text Scroller | Widget Workshop
8 -
54:44
Super Declarative!
3 years agoFlutter Circle Reveal Onboarding | Widget Workshop
32 -
8:22
JediPixels
2 years agoFlutter - Understanding the Widget Tree and Element Tree
11 -
4:44
JediPixels
2 years ago $0.01 earnedFlutter - Intermediate - Using Common Widgets
20 -
5:46
JediPixels
2 years agoFlutter - Understanding and Refactoring the Widget Tree
6 -
8:15
JediPixels
2 years agoFlutter - Introduction to Flutter and Dart
63 -
6:43
trey_codes
1 year agoHow To Layer Multiple Child Widgets With The Stack Widget In Flutter - Flutter Widget Tutorial
31 -
8:40
JediPixels
1 year agoFlutter State Management using InheritedWidget for Journal App
14 -
3:06
JediPixels
1 year agoFlutter Products - Auth, API Demo Teaser
24 -
11:17
JediPixels
1 year agoFlutter State Management using ChangeNotifier and AnimatedBuilder - No Packages
29