{"id":40,"date":"2025-04-23T04:20:01","date_gmt":"2025-04-23T04:20:01","guid":{"rendered":"https:\/\/documentation.iqonic.design\/vizion-ai\/?p=40"},"modified":"2025-06-27T05:14:45","modified_gmt":"2025-06-27T05:14:45","slug":"flutter-configuration","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/vizion-ai\/flutter-configuration\/","title":{"rendered":"Flutter Configuration"},"content":{"rendered":"
\n
Estimated reading: 2 minutes<\/pre>\n\n\n\n
Setting up Flutter for your Vizion AI Project<\/p>\n\n\n\n
Changing The App’s Name<\/strong><\/h2>\n\n\n\n
In the main directory, go to lib \u2192 configs.dart<\/code><\/p>\n\n\n\n
const APP_NAME = 'YOUR APP NAME';<\/pre>\n\n\n\n
Reconfiguring The Server URL<\/strong><\/h2>\n\n\n\n
In the main directory, go to lib \u2192 configs.dart<\/code><\/p>\n\n\n\n
const DOMAIN_URL = \"ADD YOUR DOMAIN URL\";<\/pre>\n\n\n\n
Changing The Default Language\u200b<\/a><\/strong><\/h2>\n\n\n\n
In the main directory, go to lib \u2192 configs.dart<\/code><\/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\"]<\/code> 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
    Changing The App Font\u200b<\/a><\/h4>\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
    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
    Changing 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
    var primaryColor = Color(0xFF586AEA);
    var secondaryColor = Color(0xFFD6FF79);<\/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
    Set up AdMob<\/strong><\/h2>\n\n\n\n