{"id":165,"date":"2025-02-20T06:40:16","date_gmt":"2025-02-20T06:40:16","guid":{"rendered":"https:\/\/documentation.iqonic.design\/kivilab-laravel\/?p=165"},"modified":"2025-06-13T06:20:48","modified_gmt":"2025-06-13T06:20:48","slug":"flutter-configuration","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/kivilab-laravel\/flutter-configuration\/","title":{"rendered":"Flutter Configuration"},"content":{"rendered":"
\n
Estimated reading: 1 minute<\/pre>\n\n\n\n
Setting up Flutter for your KiviLabs Project<\/p>\n\n\n\n
Change App Name<\/strong><\/h2>\n\n\n\n
In the main directory, go to lib \u2192 configs.dart<\/strong><\/p>\n\n\n\n
const APP_NAME = 'YOUR APP NAME';<\/pre>\n\n\n\n
Change App Logo<\/strong><\/h2>\n\n\n\n
In the main directory go to ‘assets \u2192<\/strong>logos’<\/strong><\/p>\n\n\n\n
Replace “app_logo<\/strong>” image with same name just replace file<\/p>\n\n\n\n
Reconfigure Server URL<\/strong><\/h2>\n\n\n\n
In the main directory, go to lib \u2192 configs.dart<\/strong><\/p>\n\n\n\n
const DOMAIN_URL = \"ADD YOUR DOMAIN URL\";<\/pre>\n\n\n\n
Change Default Language<\/strong><\/h2>\n\n\n\n
In the main directory, go to lib \u2192 configs.dart<\/strong><\/p>\n\n\n\n
const DEFAULT_LANGUAGE = \"LANGUAGE CODE\"; \/\/ (e.g., \"en\", \"ar\", \"de\", \"pt\", \"es\")<\/pre>\n\n\n\n
\n
TIP<\/strong><\/p>\n\n\n\n
1. Set the language code from the provided list\u00a0[\u201cen\u201d, \u201car\u201d, \u201cde\u201d, \u201cpt\u201d, \u201ces\u201d]<\/strong>\u00a0for supported languages in the application. For other languages, customization is required.
2. Use only the language code, not the entire language name. You can find the language codes\u00a0here<\/a>.<\/p>\n\n\n\n
Change App Font<\/strong><\/h2>\n\n\n\n
In the main directory, go to lib \u2192 configs.dart<\/strong><\/p>\n\n\n\n
const FONT_FAMILY = 'YOUR FONT_FAMILY NAME';<\/pre>\n\n\n\n
TIP<\/strong><\/p>\n\n\n\n
Remember to apply these steps to both the DarkTheme and LightTheme in the app_theme.dart file to ensure consistent behavior across your app\u2019s themes.<\/p>\n\n\n\n
Change Primary & Secondary Color<\/strong><\/h2>\n\n\n\n
In the main directory, go to lib \u2192 utils \u2192 constant<\/strong>s \u2192<\/strong> colors.dart<\/strong><\/p>\n\n\n\n
const appPrimaryColor = Color(0xFF5670CC);
const appSecondaryColor= Color(0xFFF67E7D);<\/pre>\n<\/div>\n\n\n\n
TIP<\/strong><\/p>\n\n\n\n
Best practice and setting the hex value after 0xFF, you can avoid unexpected color rendering issues and ensure consistent appearance of your UI elements.<\/p>\n\n\n\n
Update Notification Icon Name<\/strong><\/h2>\n\n\n\n
After creating notification icon you can perform this change.<\/p>\n\n\n\n