This is a respository for learning flutter from scratch
- Flutter
- contents
- author
- changeLog
- introduction
- samples
- getting started
- next steps
- scaffolding an app
- syntax
- libraries
- commands
- regions
- buttons
- navigation
- visibility
- containers
- components
- state
- lifecycle methods
- styling
- gestures
- painting shapes
- documentation
- oop
- unit tests
- api
- android studio
- ongoing maintenance of sdk and package versions
- sqlite
- all projects
- architecture
- performance
- geolocation
- firebase
- debugging your app
- publishing your app
Philip Anderson [email protected]
- May 2020 - Initial Build
- August 2021 - Refactor Notes
- November 2021 - adding much more detail - components, unit tests, api, styling, list view, text input fields, text labels, buttons, alert dialog boxes, and more
-
- April 2022 - adding an ongoing 'live' project where latest features are added to this live project demo which holds examples of many teaching features at once, all inside the one app. Currently using the Course05BusinessCard2 app but hopefully will rename this at a future date; at the moment just running with this name.
This is an introduction to the flutter language and ecosystem, and reasons to use flutter, and comparisons with similar technologies
a few examples of sample demos and code can be found here
Instructions on how to get started with flutter
- hello world projects
building an app with automatic scaffolding
an introduction to flutter syntax
here is a list of basic flutter commands to help you get started with working with flutter
regions are very useful for tidying up code
after you have learned the super basics in hello world, next step will be to have a few buttons clicked. please see the button_nn sequence of projects and work your way through them
Navigation uses tabs and drawers.
Route - tells us where to go from now
Stack - keeps track of navigation so far and how to go back
... and other navigation projects
- MultiPage05 This project clicks through to
Page5where an item may be clicked on. After a 2-second delay the user is taken either toPage6orPage7depending on which index is clicked. Clicking on items index 0 or 1 takes toPage6which isstatelessand clicking on any other index takes toPage7which isstateful
we can easily show and hide components
containers allow us to lay out our components properly using rows, columns and grids on the screen
Next we progress into building and using components
-
components projects
How to run unit tests
Next we progress into reading data from an api into our app, and displaying it
-
api projects
- Obtain API data
- APIGet04 - display 100 cards with API data and toggle list colour from blue to yellow
- APIGet05 - toggle individual cards and print individual data
- APICRUD02
- This is a clone of MultiPage05 and shows the full CRUD operations on a given list of items drawn from an API
- WordPair01
- sample app to display word pairs from an API
getting started with android studio
A list of all projects is below