Intro to Flutter - Lewis Capaldi App

Rohan Kadkol

Last update: Aug 4, 2021

Overview

Intro to Flutter - Lewis Capaldi App

Welcome to the Intro to Flutter event hosted by DSC Texas A&M

Today's session will be a simple UI crash course. The app we'll be making is a Lewis Capaldi app.

Screenshot

Structure

The app has been divided into steps.
Each step has starter and solution code.
You can access each code set using the respective branches.
Also, each step has detailed TODOs along with explanations on why we're doing each TODO.

How to follow this repo?

Complete the given TODOs in order.
Compare the starter and solution branches for each step. You can do this on GitHub or in Android Studio/VS Code.

How to compare branches on GitHub

How to compare branches on Android Studio

Steps

Initial setup

2. Text for Lewis Capaldi's quote

3. Lewis Capaldi's Image

4. Text for name and role

5. Social media icons

6. Buttons for concerts and merch

7. Finishing touches

Skills Learned

UI crashcourse
Text
Image
- NetworkImage
Column
Row
Center
FlatButton
IconButton

Flutter UI Login App with Figma

login_tasks_list A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started

Nov 17, 2021

💡 a concept version of popular payment/fund-transfer 💸 app PayPal, built with Dart+Flutter

PayPal concept PayPal provides an easy and quick ⚡ way to send and request 📨 money 💵 online 🛰️ . You can transfer money 💸 (abroad 🌎 ) to family ?

Dec 24, 2022

A Movie App Using With Flutter And TMDB

flutter_movie_app TMDB API를 가져와 영화 예약 App입니다. 이 앱에서는 현재 상영중(Now Plaing)인 리스트만 불러왔습니다. 테블릿 기반으로 만들었기 때문에 AVD 또는 일반 핸드폰에서는 UI가 밀리거나 깨질수 있습니다. Main Scree

Nov 24, 2021

Eventour App : The Event Management System With Flutter

Eventour The one and only event management system. ⭐ What was our motivation? As technology advances, we often aim for newer and better approaches for

Nov 27, 2021

quiz app made in flutter for answering fun trivia questions

trivia_app An trivia/quiz app made in flutter for answering fun trivia questions. This app make use of Opentdb api (https://opentdb.com/) for fetching

Dec 23, 2022

A flutter project with Implementation of a Contacts app in 4 ways (API, Custom, Preferences and Sqflite).

Contacts A flutter project with Implementation of a Contacts app in 4 ways (API, Custom, Preferences and Sqflite). It consist some common operations l

Nov 20, 2022

A package to display blinking point to your mobile app in Flutter

Blinking point Easy way to create a blinking point for your Flutter project. Installation Add this to your package's pubspec.yaml file: dependencies:

Apr 18, 2022

Mobile app onboarding, Login, Signup page with #flutter.

Welcome page, Login Page and Sign up page - Flutter UI Watch it on YouTube Packages we are using: flutter_svg: link We design 3 screens first one is a

Jan 6, 2023