flutter-01-IAmRich

What is MaterialApp() ?

• Material Design is a Google created design pattern. know more
• Flutter uses Material Design for the apps.
• So, MaterialApp() widget acts as the root widget for containing all other widgets within it.
• Common properties:
  • title:
  • home:
  • routes:
  • theme:
  • debugShowCheckedModeBanner

What is Scaffold() ?

• implements the basic material design visual layout structure.
• Layout structure:
  • appBar:
  • body:
  • floatingActionButton:
  • drawer:
  • bottomNavigationBar:
  • backgroundColor:

The App

• An app which has an appbar saying I Am Rich
• an image from the assets/images folder
• having details of how to change the app-icon in android and ios devices.

How to use Image inside Scaffold ?

1. NetworkImage ('imageLink'): from the internet

2. AssetImage ('images/imageName'):

• first you need to uncomment the assets folder in pubspec.yaml
• then, flutter pub get will automatically run(if not, run it manually)
• add AssetImage('images/imageName.extension') to your code

Custom app icons

1. for Android devices

• goto https://www.appicon.co/ and download your icon
• go inside android/app/src/main/res/
• replace all mipmap folders with downloaded ones

2. For ios devices

• goto https://www.appicon.co/ and download your icon
• go inside ios/Runner/
• replace Assets.xcassets folder with downloaded one

---

Run any Flutter repository on Zapp website: refer this link

List of all Flutter apps: click here