Mighty Entertainment

Install flutter on windows

• Download Android Studio

  Click here

• Get the Flutter SDK

  1. Install https://flutter.dev/docs/get-started/install
     

     Extract the zip file and copy flutter folder into your desired installation location for the Flutter SDK (eg. C:\src\flutter; do not install Flutter in a directory like C:\Program Files\).

  2. Update your path
     
  3. Now set your enviournment variable
  4. From the Start search bar in , type ‘env’ and select Edit environment variables for your account
  5. Under User variables check if there is an entry called Path:
  6. Click on Edit. New Dialog open from it click on new and copy full path to flutter\bin as its value
  7. Now Restart your pc for changes to take effect
  
  
  8. Now check everything is ok or not
  9. open cmd and run flutter doctor as shown the below picture
  
  
  10. Now open Android Studio and create new flutter project then select your flutter sdk file to the location where we have downloaded earlier and that's it
  
  
• Learn more about Android Studio - Click here

Install flutter on mac

• Download Android Studio - Click here
• Download Xcode - Click here
• Get the Flutter SDK - Click here
  1. Install Click here
     

     Extract downloaded file, just double click on that. and just copy extracted folder and paste it to your desired location (for example, Documents\flutter).

  2. Update your path

     Warning

     Path variable needs to be updated to access “flutter” command from terminal. you can just update path variable for current terminal window only. and if you want to access flutter commands from anywhere in terminal, we need to update SDK path permanently.

     To update PATH variable, we need to open terminal.

     To update PATH variable for current terminal window only, then enter this command "export PATH="$PATH:`pwd`/flutter/bin"" and hit enter key.

     To update PATH variable permanently, then Open or create .bash_profile file. to open or create that file, then enter "sudo open -e $HOME/.bash_profile" and hit enter key.

     Append below line to bash_profile file at bottom of all other content. "export PATH="$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin"" as [PATH_TO_FLUTTER_GIT_DIRECTORY] is actual path of SDK folder.

     Run this command on terminal "source $HOME/.bash_profile" to refresh PATH variables.

     Then check whether our SDK is successfully installed or not.

     You are now ready to run Flutter commands in the Flutter Console!

     Run "flutter doctor" into terminal, If you are getting check list of flutter sdk requirements, it means SDK is successfully installed on your machine. and you can start building flutter apps on your machine.

     If you find any issue during environment setup in macos, please go online Click here

Install flutter on linux

• Download Android Studio - Click here
• Get the Flutter SDK - Click here
  1. Install Click here

     Extract downloaded file, just double click on that. and just copy extracted folder and paste it to your desired location (for example, Documents\flutter).

  2. Update your path

     Warning

     Path variable needs to be updated to access “flutter” command from terminal. you can just update path variable for current terminal window only. and if you want to access flutter commands from anywhere in terminal, we need to update SDK path permanently.

     You’ll probably want to update this variable permanently, so you can run flutter commands in any terminal session. To update PATH variable, we need to open terminal.

     export PATH="$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin"

     1. Run source $HOME/. to refresh the current window, or open a new terminal window to automatically source the file.
     2. Verify that the flutter/bin directory is now in your PATH by running:

     echo $PATH

     Verify that the flutter command is available by running:

     which flutter

     You are now ready to run Flutter commands in the Flutter Console!

Android Configuration

Change Application Name

Open /android/app/src/main/AndroidManifest.xml and specify your application name.

Change Application Icon

1. Open Android studio. Select File -> open -> select root folder -> android
2. Wait for indexing
3. Right click on res -> New -> Image asset
4. Now the following window will open once we click on Image Asset:


Please don't change the icon name.

5. Once all the required changes are made, Click on the Next button and then on Finish and then the icon of the app will be changed!

Change Application ID

1. Open Android studio. Select File -> open -> select root folder -> android
2. Wait for indexing
3. Open /android/app/build.gradle file and change YOUR_APP_ID
4. after making changes sync your Project

Setup Firebase

1. For Firebase setup, you just need to change the android/app/google-services.json file.
2. Create a new firebase account, register your application with your package name.
3. Now download the google-services.json file and replace with current.
4. Refer to Link

Setup AdMob

1. For AdMob setup, you just need to change the app id in android/app/src/main/AndroidManifest.xml file
2. For that, you have to create a firebase account and create a new application in AdMob. and then you will get application id.

Now, replace value with your new generated application id.



3. Now run the application. your ads are now live.

Generate Signed APK && AAB

1. Go to your project -> Tools -> Flutter -> Open for Editing in Android Studio as shown below


2. Open Project in New Window
3. Wait for while until project synchronization. After that Go to Build -> GenerateSigned Bundle/APK...


4. Select Android App Bundle or APK Option as per your need. (Android App Bundle is best solution) and click Next button.


5. Select Create new.. option to generate new Signed key (When you release your app First Time) and Fill all options. Refer this link



6. Click Next button and you will get following screen...



Select Build variants - release and Signature versions both V1 and V2 respectively as shown above screen shot and click Finish button.

7. Wait for a while until Gradle Build Running process complete.and finally you will get the Generate Signed APK : (APKs) generated successfully. from that click on Locate option to get Location of your Generate Signed APK Key.

iOS Configuration

Open Project in Xcode

1. Open Xcode.
2. Select Open another Project.
3. Open the iOS directory within your app.
4. Now, click on Done button.

Change Bundle Name

1. Select your project file icon in Group and files panel.
2. Then Select Target -> Info Tab.
3. At last change Bundle Name.

Change Bundle Identifier

Bundle Id is a unique Identifier of your of app on iOS and MacOS. iOS and MacOS use it to recognise updates to your app. The identifier must be unique for your app.

1. Select your project file icon in Group and files panel.
2. Select General Tab.
3. After Select General tab you can see the details of your application.
4. In Identity section, rename your Bundle identifier.

Change App Icons

1. see How to Generate App Icons?
2. In Group and files panel find “Assets.xcassets” folder.
3. In Assets.xcassets folder replace AppIcon.

Change App Id

1. Open Xcode,Select the Info.plist from the file Manager.
2. Change the GADApplicationIdentifier value.

                                                    <key>GADApplicationIdentifier</key>
                                                    <string>Add your Admob appId</string>
                                                

Change Base URL

In main directory goto the lib -> utils -> constant.dart file and repalce the URL at line number 3.

Change Primary Color

In main directory goto the lib -> utils -> color.dart files and change it.

Change One Signal Key

In main directory goto the lib -> utils -> constant.dart file and add the Key at line number 5.

No matching client found for package name

• The error is "package_name" in google-services.json is not matching with your "applicationId" in app gradle.
• Just make sure the package_name and applicationId both are same.

Flutter SDK Not Available

Download the SDK and point the SDK folder path in your future projects.

There are different sources you can try

Use the SDK path in your future projects

Uploaded image not showing when Subdomain

• If you are facing a problem when your project running on subdomain, check your DOCUMENT_ROOT/root path in apache/nginx configuration file

  For Apache,

  If your DocumentRoot is /var/www/html/subdomain_folder/

  Remove '/' in end of path and save the file. Restart the apache server.

  sudo service apache2 restart

  For Nginx,

  If your root is /var/www/html/subdomain_folder/

  Remove '/' in end of path and save the file. Resart the nginx server.

  sudo systemctl restart nginx

  Note: Don't forget to restart server.