Skip to main content

Flutter Configuration

Setting up Flutter for your Frezka Project

Change The App Name

In the main directory, go to lib -> configs.dart

const APP_NAME = 'YOUR APP NAME';

Reconfigure The Server URL

In the main directory, go to lib -> utils -> configs.dart

const DOMAIN_URL = "ADD YOUR DOMAIN URL";

Change The Default Language

In the main directory, go to lib -> configs.dart

const DEFAULT_LANGUAGE = "LANGUAGE CODE"; // (e.g., "en", "ar", "de", "pt", "es")
tip
  1. Set the language code from the provided list ["en", "ar", "de", "pt", "es"] for 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 here.

Change The App Font

In the main directory, go to lib -> app_theme.dart

fontFamily: GoogleFonts.FONT_NAME().fontFamily,
textTheme: GoogleFonts.FONT_NAMETextTheme(),
tip

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.

Change Primary & Secondary Color

In the main directory, go to lib -> utils -> colors.dart

var primaryColor = Color(0xFFA82D86);
var secondaryColor = Color(0xFF19235A);

Update Notification Icon Name

After creating notification icon you can perform this change.

How generate notification icon?

  • Open lib → utils → firebase_messaging_utils.dart.
  • In showNotification() method find lines below
  const AndroidInitializationSettings initializationSettingsAndroid = AndroidInitializationSettings('@drawable/YOUR NOTIFICATION ICON NAME');
var androidPlatformChannelSpecifics = AndroidNotificationDetails(
'notification',
'Notification',
importance: Importance.high,
visibility: NotificationVisibility.public,
autoCancel: true,
//color: primaryColor,
playSound: true,
priority: Priority.high,
icon: '@drawable/YOUR NOTIFICATION ICON NAME',
);

for android devices do configure steps mention in the documentation - here for iOS devices do configure steps mention in the documentation - here

tip

Best practice and setting the hex value after 0xFF, you can avoid unexpected color rendering issues and ensure consistent appearance of your UI elements.