https://github.com/londonappbrewery/bmi-calculator-flutter
Learn to Code While Building Apps - The Complete Flutter Development Bootcamp
https://github.com/londonappbrewery/bmi-calculator-flutter
Last synced: 29 days ago
JSON representation
Learn to Code While Building Apps - The Complete Flutter Development Bootcamp
- Host: GitHub
- URL: https://github.com/londonappbrewery/bmi-calculator-flutter
- Owner: londonappbrewery
- Created: 2019-04-01T14:39:35.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2023-08-28T10:53:13.000Z (over 1 year ago)
- Last Synced: 2025-04-12T21:19:31.687Z (29 days ago)
- Language: Objective-C
- Homepage: https://www.appbrewery.co
- Size: 48.8 KB
- Stars: 197
- Watchers: 10
- Forks: 845
- Open Issues: 26
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- fucking-open-source-ios-apps - BMI Calculator
README
# BMI Calculator 💪
## Our Goal
The objective of this tutorial is to look at how we can customise Flutter Widgets to achieve our own beautiful user interface designs. If you have a designer on board, no matter how unconventional their designs are, we can create them using Flutter.
## What you will create
We’re going to make a Body Mass Index Calculator inspired by the beautiful designs made by [Ruben Vaalt](https://dribbble.com/shots/4585382-Simple-BMI-Calculator). It will be a multi screen app with simple functionality but full-on custom styling.
## What you will learn
- How to use Flutter themes to create coherent branding.
- How to create multi-page apps using Flutter Routes and Navigator.
- How to extract and refactor Flutter Widgets with a click of the button.
- How to pass functions as parameters and fields.
- How to use the GestureDetector Widget to detect more than just a tap.
- How to use custom colour palettes by using hex codes.
- How to customise Flutter Widgets to achieve a specific design style.
- Understand Dart Enums and the Ternary Operator.
- Learn about composition vs. inheritance and the Flutter way of creating custom UI.
- Understand the difference between const and final in Dart and when to use each.
>This is a companion project to The App Brewery's Complete Flutter Development Bootcamp, check out the full course at [www.appbrewery.co](https://www.appbrewery.co/)
