Mobile Development with Flutter and Dart, Part 7 of 16: Tip Calculator App

Course description

Make Apps that run on both IOS and Android with Flutter using Dart! This covers: creating a tip calculator application, building split rows, adding images and finished quiz logic.

Each LearnNowOnline training course is made up of Modules (typically an hour in length). Within each module there are Topics (typically 15-30 minutes each) and Subtopics (typically 2-5 minutes each). There is a Post Exam for each Module that must be passed with a score of 70% or higher to successfully and fully complete the course.

Prerequisites

The first parts of the course make the user familiar with Dart, these can be skipped if sufficiently knowledgeable.

Meet the expert

Paulo Dichone

Paulo Dichone graduated from Whitworth University with a B.S in Computer Science in 2009 and has worked building Android and iOS mobiles apps as well as web applications. Since 2014 he's been an online instructor teaching over 40,000 students from 170 countries in how to program Java and build Android Applications.

Video Runtime

96 Minutes

Time to complete

164 Minutes

Course Outline

Tip Calculator App

Tip Calculator (23:16)

• Introduction (00:13)
• Tip Calculator: User Interface (11:03)
• Top Card and Custom Colors (11:51)
• Summary (00:08)

Tip Calculator Build Split Row (30:09)

• Introduction (00:08)
• Tip Calculator Building the Split Row (08:17)
• Build the Tip Row (02:32)
• Finished UI (08:16)
• Finished application (10:47)
• Summary (00:08)

Add Image to Our Project QuizApp (21:57)

• Introduction (00:08)
• Add Image to Our Project QuizApp (09:00)
• Question Model Class Setup (07:45)
• Finish the User Interface (04:55)
• Summary (00:08)

Finished Quiz Logic (21:02)

• Introduction (00:08)
• Iterate through Questions (07:04)
• Snackbar Solution (08:26)
• Improved Solution and Wrapup (05:15)
• Summary (00:08)