- Run an existing flutter project on IDE
- Change App Logo
You can generate app icon from this website https://app icon.co.
Go to <project>/assets/image/ and replace logo.png là logo của app.
Go to <project>/assets/image/ and replace icon.png is the image of the icon on the phone.
Then go to /android/app/src/main/res and replace all mipmap folder with your <generated icon>/android folder.
Again go to /ios/Runner and replace Assets.xcassets with your generated Assets.xcassets folder.
- Change App Name
You need to set your app name in three different place. Open <project>/lib/util/app_constrants.dart and set the value of APP_NAME lib/app/env.dart static const String appName = ‘My app’
Change the value of label from <project>/android/app/src/main/AndroidManifest.xml/android/app/src/main/AndroidManifest.xml android:label=”My App”
Change the value of CFBundleName from <project>/iOS/Runner/info.plist
/iOS/Runner/info.plist
<key>CFBundleDisplayName</key>
<string>My app</string>
<key>CFBundleName</key>
<string>My App</string>
- Change Base URL
Must remember that don’t put slash(/) at the end of your base url. Use your admin url as base url. First you have to install your admin panel. For example: If your admin url is https://your_domain.com/admin then base url will be https://your_domain.com. Open /lib/util/app_constrants.dart and replace BASE_URL variable value with your own URL.
Path containing the file to be changed:
lib/app/env.dart:
static const String apiBaseURL = ‘https://your_domain.com‘;
static const String websiteURL = ‘https://your_domain.com‘;
- Change App Package
First you have to find out the existing package name. You can find it out from top of /app/src/main/AndroidManifest.xml file. Now right click on project folder from android studio and click on replace in path. You will get a popup window with two input box. In first box you have to put existing package name that you saw in AndroidManifest.xml file previously and write down your preferred package name in second box and then click on Replace All button.
- Setup Firebase for Push Notification
First you have to change your package name. If you didn’t then follow this.
Create your own firebase project from https://console.firebase.google.com and also add an android app there with your own package name and app name.
WARNING
Do not create multiple project if you have multiple app like User App, Delivery App. Create only one project and add multiple app under project.
Click the Register app and download google-services.json file from there.
Copy that file and paste it under <project>/android/app/ folder.
Create a totally white png logo for notification icon. Paste it on <project>/android/app/src/main/res/drawable/ and replace notification_icon.png with your whiter version logo.
For IOS again create an app under same project and download GoogleService-Info.plist and paste it under <project>/iOS/ folder. Also follow this documentation for full setup for IOS: https://firebase.flutter.dev/docs/messaging/apple-integration
Paste firebase server key in admin panel Notification Settings section. You can get server key from Firebase project settings->Cloud Messaging->Server Key.
After your setup please restart your IDE and uninstall your previously installed app then run it. Also don’t try to test it on emulator or simulator. Emulator and simulators are unable to get push. Use real device in this case.