We’ll take a first look at the mockups we want to implement for this course for our “Tourism & Co.” app. We’ll start to implement the “detail screen” of the app, where an image is shown at the top along with some text below. We’ll cover some Flutter layout concepts to ensure our page’s content is laid out properly.

In this lesson we’ll cover: working with layout using Column, mainAxisAlignment and crossAxisAlignment

Note 1: you can check out the video for this post here on YouTube.

Note 2: For more blog posts, checkout https://fluttercrashcourse.com/blog

The Code for This Lesson

Check out the tourismandco repo’s step/step02

Presenting a web view is pretty common in mobile apps. In Flutter, this is done by using the webview_flutter package. This package is part of a larger Github repository github.com/flutter/plugins which serves as a ‘companion repo to the main flutter repo. It contains the source code for Flutter first-party plugins (i.e., plugins developed by the core Flutter team).’

This tutorial, will be pretty simple, we’ll:

  • Create a basic app, with a single home screen, with a simple button to open a URL.
  • Create our own widget that will present a web page in a full screen.
  • Cover some ‘gotchas’ when…

What we’ll cover in this tutorial:

  • Implementing a basic Form with some common form fields
  • Validating and saving form fields
  • Differences of Material vs Cupertino forms

Note: you can check out the video for this post here.

The code for this post can be found here

More videos on my site: https://fluttercrashcourse.com

Form and GlobalKey

Let’s start coding a simple form, using a MaterialApp widget.

Forms are an essential feature for almost any mobile app. …

What scoped_model does is it makes working with state in your app much easier.

Note: you can check out the video for this post here and the longer, pro video here.

While it’s all well and good to exclusively use StatefulWidget, most of the time your app is going to have multiple widgets that need to use the same shared state. The issue with this is that when those widgets exist in various places in our app, passing around state becomes pretty cumbersome.

In other words, scoped_model makes it easy for various widgets to access the same shared state.


Update: take a peek at my new site, fluttercrashcourse.com

It’s been an amazing year for Flutter.

Roughly around this time last year, I wrote “Why Flutter Will Take Off in 2018”. While in beta for pretty much the entire 2018 and now at version 1.0, the Flutter community and product have grown tremendously, with Flutter now being in the top 20 repos on Github. Reflecting back on this article, it’s time for me to give an update on my experience with Flutter one year out, with all the pros and cons I’ve found along the way.

How did I exactly…

Note that this article is primarily dedicated to junior engineers, because I feel passionately about not only what people learn but also how people learn.

I’ve just posted my first six beta lessons of my Flutter crash course and man, I’ve learned a ton already. Check it out at fluttercrashcourse.com 🚀

One of the main takeaways is that it’s really hard to create a course for newcomers to mobile development, because there’s so many things to cover beyond just learning a series of widgets.

The problem I see with folks learning Flutter, primarily with junior engineers, is that they try…

UPDATE: My Flutter course is now live! Check it out at fluttercrashcourse.com 🚀

Throughout this past year’s explosion of popularity in Flutter, I’ve seen many fresh newcomers to mobile development. It’s been really exciting and rewarding taking part in mentoring others, making sure developers from all over the world learn Flutter efficiently and effectively. That’s why I’m launching my very own course this month.

So on that note, I’d like to provide some thoughts on learning styles, what I believe is effective and finally, what are some of the core skills Flutter engineers need to succeed in writing great…

I’ve launched my first Flutter app a few weeks ago and I loved the experience so much, I’ve decided to create a simple but effective crash course in Flutter.

Some context: I’ve taught Java-based developer courses in the past in Germany and India for larger companies. I’ve also have been mentoring my brother-in-law and got him from absolute zero knowledge in programming to now a React Native developer. So while I’ve never developed an online course before, I’ve decided to give this a try. I love mentoring other developers. It’s rewarding and fun.

Why this course is unique:

  • It’s lean…

Note: this article is a re-post originally from the Equinox tech blog. If you’re interested in learning React Native or emerging mobile tech and are located in NYC, my team is hiring at Equinox! DM me at twitter.com/seenickcode.

Time and time again, since my first jump into the mobile world five years ago I see the same patterns in engineering teams. After a long stint writing web-apps, backends and APIs in Java, .NET, Ruby on Rails etcetera, some multi-million dollar projects, some for startups, I’ve seen a lot. After some time the iPhone came out and I jumped to…

I've just submitted Steady Calendar, a minimalist habit tracker app, on the Google Play Store, design by my wife Irina and developed in short order by yours truly in the little free time I have being a new father. The app was a port from iOS to Flutter. After speaking about the experience (slides) at last week’s Flutter Camp, organized by @flutterfyi, I've decided to boil my talk down to something more meaty for everyone and make it a prelude to what an upcoming Flutter course, Practical Flutter, will be all about.

Well, after writing this app, with little free…

Nick Manning

Code-linguist, father, entrepreneur and a friend to all devs. Creator of fluttercrashcourse.com

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store