{"id":121,"date":"2025-05-20T04:45:04","date_gmt":"2025-05-20T04:45:04","guid":{"rendered":"https:\/\/documentation.iqonic.design\/frezka\/?p=121"},"modified":"2026-02-05T11:20:13","modified_gmt":"2026-02-05T11:20:13","slug":"flutter-configuration","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/frezka\/flutter-configuration\/","title":{"rendered":"Flutter Configuration"},"content":{"rendered":"
\n

Follow the steps below to customize the Flutter mobile app for your Frezka project.<\/p>\n\n\n\n

1. Change the App Name<\/h2>\n\n\n\n

\ud83d\udcc1\u00a0Path:<\/strong>
lib \u2192 configs.dart<\/strong><\/p>\n\n\n\n

Update the app name constant:<\/p>\n\n\n\n

const APP_NAME = 'YOUR APP NAME';\n<\/code><\/pre>\n\n\n\n
2. Reconfigure the Server URL<\/h2>\n\n\n\n
\ud83d\udcc1\u00a0Path:<\/strong>
lib \u2192 configs.dart<\/strong><\/p>\n\n\n\n
Update the domain URL:<\/p>\n\n\n\n
const DOMAIN_URL = \"ADD YOUR DOMAIN URL\";<\/pre>\n\n\n\n
Note :<\/strong> Do not add (‘\/’) at the end of DOMAIN_URL<\/p>\n\n\n\n
3. Change the Default Language<\/h2>\n\n\n\n
\ud83d\udcc1\u00a0Path:<\/strong>
lib \u2192 configs.dart<\/strong><\/p>\n\n\n\n
Update the default language code:<\/p>\n\n\n\n
const DEFAULT_LANGUAGE = \"LANGUAGE CODE\"; \/\/ Example: \"en\", \"ar\", \"de\", \"pt\", \"es\"<\/pre>\n\n\n\n
\ud83d\udca1 Tip:<\/h5>\n\n\n\n
Use only the language code<\/strong>, not the full language name.
Supported languages:<\/p>\n\n\n\n
[\"en\", \"ar\", \"de\", \"pt\", \"es\"]<\/pre>\n\n\n\n
For other languages, additional customization is required.<\/p>\n\n\n\n
4. Change the App Font<\/h2>\n\n\n\n
\ud83d\udcc1\u00a0Path:<\/strong>
lib \u2192 app_theme.dart<\/strong><\/p>\n\n\n\n
Update the font family:<\/p>\n\n\n\n
fontFamily: GoogleFonts.FONT_NAME().fontFamily,
textTheme: GoogleFonts.FONT_NAMETextTheme(),<\/pre>\n\n\n\n
\ud83d\udca1 Tip:<\/h5>\n\n\n\n
Apply the same font changes in both<\/strong> LightTheme<\/code> and DarkTheme<\/code> sections to keep the design consistent.<\/p>\n\n\n\n
5. Change Primary & Secondary Colors<\/h2>\n\n\n\n
\ud83d\udcc1\u00a0Path:<\/strong>
lib \u2192 utils \u2192 colors.dart<\/strong><\/p>\n\n\n\n
Update the color values:<\/p>\n\n\n\n
var primaryColor = Color(0xFFA82D86);
var secondaryColor = Color(0xFF19235A);<\/pre>\n\n\n\n
\ud83d\udca1 Tip<\/h5>\n\n\n\n
Always use the format 0xFF<\/code> before your hex color code to avoid unexpected color rendering issues.<\/p>\n\n\n\n
6. Update Notification Icon Name<\/h2>\n\n\n\n
After creating your notification icon, update its name in the Firebase messaging configuration.<\/p>\n\n\n\n
\ud83d\udcc1\u00a0Path:<\/strong>
lib \u2192 utils \u2192 firebase_messaging_utils.dart<\/strong><\/p>\n\n\n\n
Inside the showNotification()<\/code> method, update these lines:<\/p>\n\n\n\n
const AndroidInitializationSettings initializationSettingsAndroid = AndroidInitializationSettings('@drawable\/YOUR_NOTIFICATION_ICON_NAME');<\/pre>\n\n\n\n

var androidPlatformChannelSpecifics = AndroidNotificationDetails(
  'notification',
  'Notification',
  importance: Importance.high,
  visibility: NotificationVisibility.public,
  autoCancel: true,
  playSound: true,
  priority: Priority.high,
  icon: '@drawable\/YOUR_NOTIFICATION_ICON_NAME',
);<\/pre>\n\n\n\n
Note: <\/strong>Replace\u00a0YOUR NOTIFICATION ICON NAME<\/strong>\u00a0with your actual icon file name in\u00a0drawable<\/strong>\u00a0folder.<\/p>\n\n\n\n
\ud83d\udcf1 Platform-Specific Setup<\/h3>\n\n\n\n
After updating the icon name, make sure to follow the notification setup steps in the documentation for:<\/p>\n\n\n\n