Skip to main content

App Customization

1- Open file on this path lib/helpers/config.dart.

then you find this code in config.dart:

Map<String, dynamic> configData = {
'appTitle': 'Offline Music',
'mainColor': Color(0xff754FE3),
'aboutText':
"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries.",
'enableAboutUs': true,
'enableMoreApps': true,
'website': 'https://devlopa.dev',
'twitterHandler': 'Devllopa',
'facebookHandler': 'Devllopa',
'enableWebsite': true,
'enableTwitter': true,
'enableFacebook': true,
'moreApps': [
{
'iconPath': 'assets/res/more_apps/app_1.png',
'title': 'Wpblogs',
'url':
'https://codecanyon.net/item/wpnews-wordpress-to-app-android/27366420',
},
{
'iconPath': 'assets/res/more_apps/app_3.png',
'title': 'Likeetube',
'url':
'https://codecanyon.net/item/likeetube-likee-video-downloader-adnroid-/28767924',
}
],
'enableAds': true,
'admobAppId': 'ca-app-pub-9013384608218191~4005542705',
'bannerAdId': 'ca-app-pub-3940256099942544/6300978111',
'interstitialAdId': 'ca-app-pub-3940256099942544/1033173712',
'languages': [
{
'code': 'en',
'countryCode': 'GB',
'title': 'English',
'flag': 'assets/icons/Countries/GB.svg',
'enabled': true,
},
{
'code': 'ar',
'countryCode': 'SA',
'title': 'Arabic',
'flag': 'assets/icons/Countries/SA.svg',
'enabled': true,
},
{
'code': 'fr',
'countryCode': 'FR',
'title': 'French',
'flag': 'assets/icons/Countries/FR.svg',
'enabled': true,
},
{
'code': 'es',
'countryCode': 'ES',
'title': 'Spanish',
'flag': 'assets/icons/Countries/ES.svg',
'enabled': true,
},
{
'code': 'de',
'countryCode': 'DE',
'title': 'Dutch',
'flag': 'assets/icons/Countries/DE.svg',
'enabled': true,
},
{
'code': 'ru',
'countryCode': 'RU',
'title': 'Russian',
'flag': 'assets/icons/Countries/RU.svg',
'enabled': false,
},
{
"code": "pt",
"countryCode": "PT",
"title": "Portuguese",
"flag": "assets/icons/Countries/PT.svg",
"enabled": false
}

],
};

2- Make sure to have correct formatting of the json file when editing or addding new values.

3- After changing any value on the file make sure to save it and rebuild your application.

4- Some fields on the json file need specific inputs or a specific type of data check it bellow :

appTitle : String value represents App Title you choose for the App.

mainColor : A Color value represents the main color of the App , add your hex color after "0xff" like the one showing in the config above.

aboutText : A String value represent Text thats will be showing on about us page.

enableAboutUs : A bool value either true or false, its allow you to enable/disable about Us section.

enableMoreApps : A bool value either true or false, its allow you to enable/disable More Apps section in the app.

website : A String value represents your website (optional).

twitterHandler : String value represents your twitter username (optional).

facebookHandler : String value represents your facebook page username (optional).

enableWebsite : A bool value either true or false, its allow you to enable/disable website link in about us page.

enableTwitter : A bool value either true or false, its allow you to enable/disable twitter link in about us page.

enableFacebook : A bool value either true or false, its allow you to enable/disable facebook link in about us page.

moreApps : List of json Objects represents items in apps section in the app where you can promote your apps.

title : String value represents title of the app wanna promote.

url : String value represents url of the play store of the app wanna promote.

iconPath : String value represents the path if icon of the app in assets/res/more_apps folder.

enableAds : Boolean value let you disable/enable ads from appearing.

admobAppId : String value of Admob App Id you got from setuping Admob App.

bannerAdId : String value of Banner Admob id.

interstitialAdId : String value of interstitial Admob id.

languages : List of json Objects represents languages of the app.

code : String value represents language code of the language.

countryCode : String value represents country code of the language.

title : String value represents title of the language.

flag : String value represents flag path of the language in assets , for example : assets/icons/Countries/GB.svg.

enabled : Boolean value represents if the language is enabled or not.

After you do all the steps above you can add info to the config its should look like the config above

Add app Icon here on this path :

moreAppPath