Tag / Cross Platform

by simbu

Flutter – Lets Go

Series links

iOS Development:

  1. Layout
  2. Lists
  3. Adding Items
  4. Themes and Branding
  5. Scrolling Content
  6. Adaptive Layout
  7. Split view for the iPad 
  8. iPad side Menu
  9. Android Layout

Development

  1. Tests
  2. Packages
  3. Widgetbook (Storybook)
  4. Widgetbook (Storybook) Part2
  5. Lottie Animation

DevOps:

  1. Continuous Integration – Workflow
  2. Continuous Integration – Web

About

Flutter is exciting, there is a lot out there and I’m glad to be back building UI again, for mobiles and the web.

Join me on a series of blog posts while I learn and explore this great new cross platform framework.

My example project is called DigestibleMe and is a sharable collection of things of interest, music, food, travel, sport.

You can find the accompanying code on GitLab.

It’s important to focus on the functionality, to see your ideas come to life and not get bogged down in logos, login etc.. that can be tackled later.

The blog posts focuses on functionality needed to build DigestableMe so we will start with Layout and then add topics as needed to build the application.

I would recommend that you bookmark this post as it contains an index of articles in the series and links to design concepts.

VSCode

I have chosen to use Visual Studio Code to build DigestableMe.

Here is a list of useful utilities and shortcuts I have used on this project.

Shortcuts

Show method contextual help, options.

Ctrl + Space

Format document.

Ctrl + ? + F

Refactor, good for wrapping widgets with container.

Ctrl + ? + R

Layout

Each blog post will have the following layout and sections will be included if required:

Ta Da

Demonstration of what’s been created.

XP

Useful experiences and insights based on using things.

You may get various build errors when running your application from vscode via launch.json.

If you do then running it from the flutter cli at the command line should fix the error, force a full rebuild.

BackBurner

Things to come back to later.

Links

Links to things I’ve googled, read, viewed, come across whilst writing the blog and any useful resources to dig deeper.

People

More links, quotes, info on interesting people like Uncle Bob.

Sound and Vision

What I’m listening to or watching.

One more thing…

Quotes mainly Steve Jobs, but this will change.