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
- 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
Provides the list of the opensource Flutter apps collection with GitHub repository.