{"id":37,"date":"2025-04-15T12:11:15","date_gmt":"2025-04-15T12:11:15","guid":{"rendered":"https:\/\/documentation.iqonic.design\/kivicare-laravel\/?p=37"},"modified":"2025-07-14T05:32:23","modified_gmt":"2025-07-14T05:32:23","slug":"flutter-configuration","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/kivicare-laravel\/flutter-configuration\/","title":{"rendered":"\ud83d\udcf2Flutter Configuration"},"content":{"rendered":"
\n
Estimated reading: 1 minute<\/pre>\n\n\n\n
Setting up Flutter for your KiviCare – Laravel 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
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\u200b<\/a><\/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
TIP<\/strong><\/p>\n\n\n\n
    \n
  1. Set the language code from the provided list [“en”, “ar”, “de”, “pt”, “es”]<\/strong> for supported languages in the application. For other languages, customization is required.<\/li>\n\n\n\n
  2. Use only the language code, not the entire language name. You can find the language codes here<\/a>.<\/li>\n<\/ol>\n\n\n\n
    Change App Font<\/strong><\/h2>\n\n\n\n
    In the main directory, go to lib \u2192 app_theme.dart<\/strong><\/p>\n\n\n\n
    fontFamily: GoogleFonts.FONT_NAME().fontFamily,
    textTheme: GoogleFonts.FONT_NAMETextTheme(),<\/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’s 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 colors.dart<\/strong><\/p>\n\n\n\n
    const appColorPrimary = Color(0xFF5670CC);
    const appColorSecondary = Color(0xFFF67E7D);<\/pre>\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\u200b<\/a><\/strong><\/h2>\n\n\n\n
    After creating notification icon you can perform this change.<\/p>\n\n\n\n