Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.
Practice basic Flutter concepts by building small widgets and apps.
Each assignment is simple and focused on one feature.
-
Flutter is a framework written in Dart Language, so before we start developing in flutter we must learn how to code in Dart. (The dart assignment is there to help you get started)
-
Dart Documentation - These are the official Dart Documentation.
-
Video Tutorial - Dart Tutorial by Mtech Viral. You can find many other Dart tutorials on Youtube, or any other free streaming site.
-
Flutter Introduction - A short video to give you an intro on flutter and how it works.
-
Official Flutter Website - The main flutter website where you can download the Flutter SDK and follow the installation guide.
-
Flutter Documentation - This is the official Flutter documentation which is highly recommended if you want to learn Flutter.
-
Flutter Packages - If you want to install any packages within your project, you can search for them here.
-
We won't be using any packages for this assignment but to add a package, copy the version number from pub.dev and paste it under dependancies in pubspec.yaml like this:
dependencies:
flutter:
sdk: flutter
http: ^1.1.0 # <-- Add your package here- Create a Flutter app that shows "Hello World" in at the top and centre of the screen.
- Hint: Use
Scaffold,AppBar, andCenter.
- Add a
TextFieldwhere the user types input. - Add a button that, when pressed, shows the typed text on the screen.
- Hint: Use a
TextEditingController.
- Show a scrollable list of items (e.g., fruits).
- Each item should be in a
Cardwith padding.
- Create two screens.
- Add a button on the first screen that navigates to the second screen.
- Hint: Use
Navigator.push.
- Combine Assignment 2 (input) and Assignment 3 (list):
Let the user add new items to a list by typing in theTextField.