Basic Configuration

In this section, discover essential configurations to kickstart your new Flutter app effortlessly.

Clean up

1. Delete the contents inside test/widget_test.dart
2. Delete all comments inside pubspec.yaml

Prepare Assets

1. Download basic asset folder from here (opens new window) and add it inside project folder outside lib folder
2. Replace ios.png and android.png inside assets/logos/ folder
3. Replace hero.png and hero_dark.png inside assets/vectors/ folder
4. Load assets in pubspec.yaml as shown below as an asset section

name: vetwork
description: "VetWork Pro connects vet practices with vet doctors and nurses"

publish_to: 'none'

version: 1.0.0+1

environment:
  sdk: '>=3.2.3 <4.0.0'

dependencies:
  flutter:
    sdk: flutter

  cupertino_icons: ^1.0.2

dev_dependencies:
  flutter_test:
    sdk: flutter

  flutter_lints: ^2.0.0

flutter:
  uses-material-design: true

  assets:
    - assets/icons/
    - assets/logos/
    - assets/vectors/
    - assets/google_fonts/

5. Click pub get in Android Studio or run flutter pub get in terminal

Prepare Fonts

1. Delete contents inside assets/google_fonts/
2. Decide fonts to be used in the app from Google Fonts (opens new window)
3. Select font and click Download family button on Google Fonts website
4. Unzip and copy contents of static folder to assets/google_fonts/
5. Add latest google_fonts (opens new window) package to pubspec.yaml as shown below

dependencies:
  flutter:
    sdk: flutter

  google_fonts: ^6.1.0
  cupertino_icons: ^1.0.2

6. Click pub get in Android Studio or run flutter pub get in terminal

Name and App icon

1. Change Name
   • In ios/Runner/Info.plist change CFBundleName value to new app name
   • In android/app/src/main/AndroidManifest.xml change android:label to new app name
2. Change app icon
   • Make sure android.png and ios.png files are present inside assets/logos/ and assets/logos/ is added under assets: section in pubspec.yaml
   • Add flutter_launcher_icons (opens new window) to pubpec.yaml and click pub get in Android Studio
   • Define flutter_icons configuration in pubspec.yaml as shown below

   name: vetwork
   description: "VetWork Pro connects vet practices with vet doctors and nurses"
   
   publish_to: 'none'
   
   version: 1.0.0+1
   
   environment:
     sdk: '>=3.2.3 <4.0.0'
   
   dependencies:
     flutter:
       sdk: flutter
   
     google_fonts: ^6.1.0
     adaptive_theme: ^3.4.1
     overlay_support: ^2.1.0
     cupertino_icons: ^1.0.2
     flutter_launcher_icons: ^0.13.1
   
   dev_dependencies:
     flutter_test:
       sdk: flutter
   
     flutter_lints: ^2.0.0
   
   flutter_launcher_icons:
     ios: true
     android: "launcher_icon"
     image_path: "assets/logos/ios.png"
     adaptive_icon_background: "#FFFFFF"
     adaptive_icon_foreground: "assets/logos/android.png"
   
   
   flutter:
     uses-material-design: true
   
     assets:
       - assets/icons/
       - assets/logos/
       - assets/vectors/
       - assets/google_fonts/
   

   • Run flutter pub run flutter_launcher_icons on terminal