Scribd
Upload
14 views38 pages

Documentation

This document provides steps to set up a Flutter app project. It includes instructions to install necessary tools like Android Studio and Flutter SDK, open an existing Flutter project, check the Flutter SDK path, run commands to clean and get packages, change the app package name, add an app icon, change the app name, main color, and font family. The steps should be followed carefully and one by one.

Uploaded by

pue
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
14 views38 pages

Documentation

This document provides steps to set up a Flutter app project. It includes instructions to install necessary tools like Android Studio and Flutter SDK, open an existing Flutter project, check the Flutter SDK path, run commands to clean and get packages, change the app package name, add an app icon, change the app name, main color, and font family. The steps should be followed carefully and one by one.

Uploaded by

pue
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 38

App Setup Guide

Please follow all the steps carefully and one by one


FIRST YOU WILL NEED SOME TOOL

1. Android Studio in your laptop


2. Flutter sdk version 2.2.3
3 Install plugin in android studio (Flutter and Dart).
4. Update your android studio and install all tools you will find this in
sdk manager in Android Studio.
Open Your project in android
studio
Follow this steps to open your project.
1. Click on Open an Existing Project.
2. Navigate to your project location.
3. Select your project as seen in below screenshot.
4. Then click ok to open your project.
5. Follow the below screenshot for your reference.
Please wait while you project loading
NOW CHECK YOUR
FLUTTER SDK PATH
Please follow these steps to check your flutter sdk path.
Follow these steps

1. First click on file under menu.


2. Then click on setting.
3. Then click on flutter under language and frameworks.
4. Then navigate to select your flutter sdk path where you have
installed it.
5. Then click ok
6. See screenshot for your reference.
Click on setting to open
setting page.
Hit ok
Hit Ok
Go To Terminal in android studio

Click this one to open


terminal
Check first this is your project path or not if
not please close it and reopen it and then
check again.
COMMANDS FOR SETUP YOUR PROJECT.

1. flutter clean
2. flutter pub get

Note.-Please play all command one by one in same order.


flutter clean
flutter pub get
How To Change Package
Name
Please follow all the steps one by one.
Go To Terminal in android studio

Click this one to open


terminal
Check first this is your project path or not if
not please close it and reopen it and then
check again.
COMMANDS FOR CHANGING PACKAGE NAME.

1. flutter clean
2. flutter pub get
3. Flutter pub run change_app_package_name:main com.demo.name.
4. For your reference please see screen below.

Note.- In place of com.demo.name please use your


package name.
flutter clean
flutter pub get
flutter pub run change_app_package_name:main com.demo.name
How To APP ICON
Please follow all the steps one by one.
1. You need your icon.
2. Change your icon name to this ->icon.png
3. Now place your icon at given places
Go To Terminal in android studio

Click this one to open


terminal
Check first this is your project path or not if
not please close it and reopen it and then
check again.
COMMANDS FOR APP ICON.

1. flutter clean
2. flutter pub get
3. flutter pub run flutter_launcher_icons:main
4. For your reference please see screen below.

Note.-Please play all commands in same order they are


given.
flutter clean
flutter pub get
flutter pub run flutter_launcher_icons:main
HOW TO CHANGE APP
NAME
Please follow this screenshot and select baseurl.dart and
Strings.xml
Replace With your app name
here.
HOW TO CHANGE APP MAIN COLOR
Please follow this screenshot and select style.dart
Path - lib/theme/style.dart
Primary color
Accent Color
Hint Color
HOW TO CHANGE APP MAIN Font Family

Please follow this screenshot and select style.dart


Path - lib/theme/style.dart

But Before please put your font under assets/font folder after ward
please mention in pubspec.yaml file see the below screenshot.
Put here your font

Enter your font family name

Click to
open Enter your font family path
Replace with your font family
name.

You might also like