Skip to main content

Mobile Project Setup

Initial Verification​

  1. Consult Felipe to check the template status and ensure all libraries are updated.

  2. Replace all occurrences of workspace:* in the package.json with the latest versions from the template.

Theme Configuration​

  1. Request the necessary files from the design team:

    • BaseColors/GlobalColors.json
    • ContextColors.json
    • Measures.json

  2. Replace these files in the theme folder and update codeleapcli.config.json if necessary.

  3. Run the command:

bun codeleap configure-theme

  1. Some changes may occur in the styles folder, especially in the measures.ts, such as changes in variable names or values, review the components that use these variables.

  2. Review the colors, as some may have changed. Perform a quick check to identify visual differences in the project.

Splash Screen Configuration​

  1. Obtain the required files:

    • App logo: 1195 x 400
    • Splash background: 2048 x 2048

  2. Edit package.json and update the script arguments for splash:generate with the correct logo file path and splash background color.

  3. Run the commands:

    When running these commands, check the project's iOS folder, a new BootSplashLogo.imageset file will possibly be generated, just remove the old one if this is the case.

    bun run splash:generate
    bun codeleap configure-splash

  4. Adjust the colors on Android:

    • In android/app/src/main/res/values/styles.xml, update the colorControlActivated variable to the correct color.
    • In android/app/src/main/res/values/colors.xml, adjust the colors as needed.

App Icon Configuration​

  1. Generate the icons using the tool:

  2. Replace the generated files in the respective iOS and Android folders. The file names are already correct, so just copy and paste them.

Android Notification Icon Configuration​

  1. Generate the notification icons using the tool:

  2. Replace the generated files in the Android folders.

Removing Unnecessary Files​

  1. Access the assets/images folder and remove all unused images to reduce the project's bundle size.

Expo Project Configuration​

...