Noobie Programmer

Just found it during the flutter day this week and was so happy I could share it that we could code flutter on code pen now and embed it on blogs. For sure the learning curve of noobies will increase with this as creators like me can just embed the flutter app for the given tutorial.  And what's more interesting? During the #FlutterDay livestream a guy created pens to showcase the Flutter + Codepen and the coolest part is he ( Mariano Zorilla ), created a copy of slack, spotify and other popular apps for us to see and study.  So without further ado here are some flutter apps that Mariano Zorilla made for the Flutter + CodePen. (Let me use this feature hehe). Spotify Clone See the Pen Spotify Clone by Mariano Zorrilla ( @mkiisoft ) on CodePen . WhatsApp Clone See the Pen WhatsApp Clone by Mariano Zorrilla ( @mkiisoft ) on CodePen . Twitter Clone See the Pen Twitter Clone by Mariano Zorrilla ( @mkiisoft ) on CodePen . an...

There are 3rd party libraries out there that offer alerts or popups in Flutter. But, what I'll be teaching you today is how to use the built in SnackBar widget to produce an error popup or notification easily. For the video version of the tutorial go here:  How to use snackbar in flutter as error alert or popup notification To use the SnackBar widget and make a nice Snack Bar that you see in most google apps like youtube, all you need to do is wrap your entire app with the Scaffold Widget. So let's make create a new file page_wrapper.dart and create a new Widget named PageWrapper that accepts a widget as children. After that all we need to do is call the PageWrapper widget in all of our pages so that we have a base widget that uses the Scaffold in every page. This means we can now use the SnackBar on every page. In the main.dart all you need to do is this: Then now we can create the home page and create a snackbar. Before that we need a trigger ...