Skip to main content

Customization

Add New Local Language

  • Go to /assets/language and press right button on language folder and create new file and name it with your language code (.json). For example if your language is Bengali then you have to named your file as bn.json. You have to name it with proper and valid language code otherwise app won’t work. For getting language and country code you can visit this url: https://docs.oracle.com/cd/E13214_01/wli/docs92/xref/xqisocodes.html

  • Copy all data from en.json and paste it in your created file.

  • Translate all English text placed here after colon(:) to your local language. There texts are in key-value formatted. You have to translate value only not key otherwise it won’t work. For example: “home”: “Home” -> “home”: “বাড়ি”

  • Add your country picture on /assets/image folder.

  • Open /lib/util/app_constrants.dart, scroll down to bottom and add one more LanguageModel under languages array with your imageUrl, languageName, countryCode and languageCode. Again must remember that your language code and country code should valid otherwise app won’t work. In image url field you have to put your image path as assets/image/added_country_picture_name.extension. For example if your added country picture name is bangladesh.png then path will be assets/image/bangladesh.png.

    tip

    Recommended tutorial is below 👇

Change App Color

  • Open <project>/lib/theme/light_theme.dart file and set primary, accent and etc. colours for light theme.

  • In the same way open <project>/lib/theme/dark_theme.dart file and set preferred primary, accent and etc. color for dark theme.

    tip

    Recommended tutorial is below 👇

Change App Font

  • Download you preferred font from internet. Google has many free font you can check them: https://fonts.google.com/

  • Unzip fonts and paste it them to <project>/assets/font/ folder.

  • Mentioned them in <project>/pubspec.yaml file like: fonts:

    • family: YOUR_FONT_FAMILY_NAME fonts:
      • asset: assets/font/YOUR_FONT_FILE_NAME.ttf weight: YOUR_FONT_WEIGHT
  • Replace font family name in <project>/lib/theme/light_theme.dart, <project>/lib/theme/dark_theme.dart and <project>/lib/util/styles.dart file.