Lewis Capaldi App

  Music Player

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

How to compare branches on Android Studio

Steps

  1. 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

Download Lewis Capaldi App source code on GitHub

https://github.com/rohan-kadkol/Intro-to-Flutter-Lewis-Capaldi-App