https://github.com/rahullkumr/flutter-01-iamrich

An app which has an appbar saying I Am Rich, an image from the assets/images folder and having details of how to change the app-icon in android and ios devices.
https://github.com/rahullkumr/flutter-01-iamrich

Last synced: 3 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/rahullkumr/flutter-01-iamrich
• Owner: Rahullkumr
• Created: 2023-08-18T12:11:08.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-04-08T13:23:36.000Z (about 1 year ago)
• Last Synced: 2025-02-06T08:21:20.262Z (5 months ago)
• Language: Dart
• Size: 143 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
 flutter-01-IAmRich 


## What is MaterialApp() ?

- Material Design is a Google created design pattern. [know more](https://m3.material.io/)

- 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

![](./iamrich.jpg)

- 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