Skip to main content

Remote Config

Firebase remote config allows you to control your app's behavior and appearance without pushing an app update. For example, you could use it to change or show/hide certain elements of your app, such as a promo banner and Santa hat, or use it as a feature flag (payments, food delivery) with no need to publish an app update.

Using Firebase Remote Config to show/hide a feature

When you enable the Remote Config, you must specify the parameter in our builder (called 'in-app defaults') and inside the Remote Config dashboard of your Firebase console. When the app starts, it fetches config values from the Firebase console, and for any reason, if it fails, your app will use the in-app defaults.

warning

The app will try to fetch values every time it starts. However, due to the minimum fetch interval of 1 hour (set by default), the values won't be fetched more than once in 1 hour.

Using Firebase Remote Config​

Follow the steps below to use the Remote Config:

1. Enable Remote Config​

To enable Remote Config, navigate to Settings and Integrations > Project Setup > Firebase > Expand the Remote Config section and Enable Remote Config.

Enabling Remote Config

2. Add parameter in Firebase Console​

You will be able to dynamically control your app using the parameters created in the Firebase Console of your project.

To create the parameter:

  1. Navigate to the Firebase Console > Enagage > Remote Config** page.
  2. If this is the first time, click Create configuration button.
  3. Click Add parameter. This will open the Create parameter section on the right side.
  4. Enter the Parameter name (e.g., show_promo_banner, primary_color, etc.).
  5. Set the Data type among the String, Number, Boolean, and JSON.
  6. Set the Default value.
  7. If you enable the Use in-app default toggle, any change made to this parameter from here won't be reflected in your app. Instead, your app will use values from the parameters defined in our builder (see how to create it in the next step).
  8. Click Save.
  9. Click Publish Changes to make this parameter immediately available to your app.

3. Add parameter in FlutterFlow​

Parameters added to your FlutterFlow project are called in-app defaults. To add them:

  1. Navigate to Settings and Integrations > Integrations > Firebase Remote Config.
  2. Click + Add Parameter. A pop will open.
  3. Enter the parameter name, select the Data Type, set its Default Value, and click Create Parameter. Note: The parameter name must match the name given in the previous step.

4. Use parameter​

Now you can access the newly created parameter from the Set from Variable > Firebase Remote Config.

Here's an example of using the remote config parameter to set the conditional visibility for the social login feature.

Here's another example that changes the app's background using the color value from the Remote Config parameter.