{"id":68,"date":"2025-04-22T12:14:17","date_gmt":"2025-04-22T12:14:17","guid":{"rendered":"https:\/\/documentation.iqonic.design\/pawlly\/?p=68"},"modified":"2025-06-14T04:51:57","modified_gmt":"2025-06-14T04:51:57","slug":"flutter-configuration","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/pawlly\/flutter-configuration\/","title":{"rendered":"Flutter Configuration"},"content":{"rendered":"
\n

Setting up Flutter for your Pawlly Project<\/p>\n\n\n\n

Change The App Name<\/strong><\/h2>\n\n\n\n

In the main directory, go to lib -> 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 -> utils -> configs.dart<\/code><\/p>\n\n\n\n
const DOMAIN_URL = \"ADD YOUR DOMAIN URL\";<\/pre>\n\n\n\n
Change The Default Language<\/strong><\/h2>\n\n\n\n
In the main directory, go to lib -> 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
    Change The App Font<\/strong><\/h2>\n\n\n\n
    In the main directory, go to lib -> app_theme.dart<\/code><\/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 -> utils -> colors.dart<\/code><\/p>\n\n\n\n
    var primaryColor = Color(0xFF9D67EF);
    var secondaryColor = Color(0xFFFD866E);<\/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
    Add FirebaseOptions<\/strong><\/h2>\n\n\n\n
    INFO<\/strong><\/p>\n\n\n\n
    After completion of Firebase Configuration<\/a> you can proceed further.<\/p>\n\n\n\n
    In the main directory, go to lib -> config.dart<\/strong>.<\/p>\n\n\n\n
    final FirebaseOptions firebaseConfig = FirebaseOptions(
      appId: isIOS?\"FIREBASE iOS APP ID\":\"FIREBASE ANDROID APP ID\",
      apiKey: 'FIREBASE API KEY',
      projectId: 'FIREBASE PROJECT ID',
      messagingSenderId: 'FIREBASE SENDER ID',
      storageBucket: 'FIREBASE STORAGE BUCKET',
      iosBundleId: 'FIREBASE iOS',
    );<\/pre>\n\n\n\n