mikehardy
commented
3 years ago Hmm - on a glance your firebase dependencies look mostly up to date but:
classpath("com.android.tools.build:gradle:4.1.0")
classpath 'com.google.gms:google-services:4.2.0'
classpath 'io.fabric.tools:gradle:1.28.1'- you should use 4.1.2 at least I believe, and google-services is in 4.3.10 - leave yourself a comment in the file with this URL so you can keep versions up to date https://firebase.google.com/support/release-notes/android
- your crashlytics migration looks incomplete, is that on purpose? You still have fabric on your classpath and used via plugin? Should be crashlytics at this point https://rnfirebase.io/crashlytics/android-setup
- multidex is meaningless on android API21+, your minSdkVersion is 21 so you should remove your Multidex implementation from dependencies and MainApplication
- appcompat is on 1.3.1 https://developer.android.com/jetpack/androidx/releases/appcompat
Unfortunately for this issue, none of that really matters. I've never used remote-config for a secondary app so this isn't a use case of mine, sorry.
Does this happen on iOS and android? Is there anything remotely relevant in either of the upstream SDK issues lists https://github.com/firebase/firebase-android-sdk/ / https://github.com/firebase/firebase-ios-sdk/ or stack overflow? Without personal experience or an App.js we can drop in to test (https://stackoverflow.com/help/minimal-reproducible-example) I'm not even sure where the problem is (your code, our wrapper module, underlying SDKs...)
stevenvp
DaviGn
JakobLierman
stale[bot]
github-actions[bot]
arthurgeron-work
Issue
The remote config fetching works perfectly fine when using the default firebase app. When using a secondary firebase app, the fetching is not occurring.
While logging, the app is correctly linked with the secondary firebase app. When using the fetch & activate methods, no errors are thrown. But while logging the status, it is kept at
no_fetch_yet.Output of logs === Remote config initialized ===
firebase.app('DEV').remoteConfig.getAlloutputFirst startup of the app directly with DEV firebase app Returns an empty json object
First startup of the app with the DEFAULT firebase app and then restarting the app with the DEV firebase app Returns the previously fetched config from the DEFAULT app while using the DEV instance.
Project Files
package.json:TypeScript
Click To Expand
#### React Native remote config usage ```typescript import firebase from '@react-native-firebase/app'; import remoteConfig from '@react-native-firebase/remote-config'; import { config } from '../config'; class RemoteConfigBaseService { private useDev: boolean = false; private get appRemoteConfig(): any { const firebaseEnvironment = this.useDev ? 'DEV' : '[DEFAULT]'; return firebase.app(firebaseEnvironment).remoteConfig(); } public async init(useDev: boolean = false) { try { this.useDev = useDev; // Not sure why this check is needed, but otherwise the initializeApp // method throws an error // Firebase App named 'DEV' already exists // but this is the only place where the init happens and the init method is only called once if (!firebase.apps.some(app => app.name === 'DEV')) { await firebase.initializeApp( { appId: 'appId', apiKey: 'apiKey', databaseURL: '', projectId: 'projectId', storageBucket: 'storageBucket', clientId: 'clientId', messagingSenderId: 'messagingSenderId', }, 'DEV', ); } // necessary to enable the remoteConfig module inside the firebase app remoteConfig(); await this.appRemoteConfig.setConfigSettings({ minimumFetchIntervalMillis: 60 * 1000, fetchTimeMillis: 8 * 1000, // Timeout fetching after 8s }); await this.appRemoteConfig.setDefaults({ fetch: JSON.stringify(config.defaultParams), }); await this.appRemoteConfig.fetch(); await this.appRemoteConfig.activate(); const printStatus = ` === Remote config initialized === - fetchTimeMillis: ${this.appRemoteConfig.fetchTimeMillis} - lastFetchStatus: ${this.appRemoteConfig.lastFetchStatus} - settings: ${JSON.stringify(this.appRemoteConfig.settings)} `; console.log(printStatus); const params = JSON.parse( this.appRemoteConfig.getValue('params').asString(), ); console.log('params ', params); } catch (e) { console.log('Remote config - Error occurred while initializing ', e); } } public async getParams(): TParams[] { try { console.log(this.appRemoteConfig.getAll()); const params = JSON.parse( this.appRemoteConfig.getValue('params').asString(), ); console.log('params ', params); return params; } catch (e) { return config.defaultParams; } } } export const RemoteConfigService = new RemoteConfigBaseService(); ```
firebase.jsonfor react-native-firebase v6:Android
Click To Expand
#### Have you converted to AndroidX? - [x] my application is an AndroidX application? - [ ] I am using `android/gradle.settings` `jetifier=true` for Android compatibility? - [x] I am using the NPM package `jetifier` for react-native compatibility? #### `android/build.gradle`: ```groovy // Top-level build file where you can add configuration options common to all sub-projects/modules. buildscript { ext { buildToolsVersion = "31.0.0" minSdkVersion = 21 compileSdkVersion = 31 targetSdkVersion = 31 ndkVersion = "20.1.5948944" } repositories { google() jcenter() maven { url 'https://maven.fabric.io/public' } } dependencies { classpath("com.android.tools.build:gradle:4.1.0") classpath 'com.google.gms:google-services:4.2.0' classpath 'io.fabric.tools:gradle:1.28.1' // NOTE: Do not place your application dependencies here; they belong // in the individual module build.gradle files } } allprojects { repositories { mavenLocal() maven { // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm url("$rootDir/../node_modules/react-native/android") } maven { // Android JSC is installed from npm url("$rootDir/../node_modules/jsc-android/dist") } google() jcenter() maven { url 'https://www.jitpack.io' } } } ``` #### `android/app/build.gradle`: ```groovy buildscript { repositories { } dependencies { } } apply plugin: "com.android.application" apply plugin: 'io.fabric' repositories { } project.ext.envConfigFiles = [ debug: "clients/debug.env", release: "clients/release.env", ] apply from: project(':react-native-config').projectDir.getPath() + "/dotenv.gradle" import com.android.build.OutputFile project.ext.react = [ enableHermes: false, // clean and rebuild if changing ] apply from: "../../node_modules/react-native/react.gradle" def enableSeparateBuildPerCPUArchitecture = false def enableProguardInReleaseBuilds = false def jscFlavor = 'org.webkit:android-jsc:+' def enableHermes = project.ext.react.get("enableHermes", false); android { ndkVersion rootProject.ext.ndkVersion compileSdkVersion rootProject.ext.compileSdkVersion flavorDimensions "default" compileOptions { sourceCompatibility JavaVersion.VERSION_1_8 targetCompatibility JavaVersion.VERSION_1_8 } defaultConfig { applicationId "com.reactnative" minSdkVersion rootProject.ext.minSdkVersion targetSdkVersion rootProject.ext.targetSdkVersion resValue "string", "build_config_package", "com.reactnative" multiDexEnabled true ndk { abiFilters "armeabi-v7a", "armeabi", "x86", "arm64-v8a", "x86_64" } // react-native-iap: we only use the Google Play flavor missingDimensionStrategy 'store', 'play' } splits { abi { reset() enable enableSeparateBuildPerCPUArchitecture universalApk false // If true, also generate a universal APK include "armeabi-v7a", "armeabi", "x86", "arm64-v8a", "x86_64" } } packagingOptions { pickFirst 'lib/x86/libc++_shared.so' pickFirst 'lib/x86/libjsc.so' pickFirst 'lib/x86_64/libjsc.so' pickFirst 'lib/arm64-v8a/libjsc.so' pickFirst 'lib/arm64-v8a/libc++_shared.so' pickFirst 'lib/x86_64/libc++_shared.so' pickFirst 'lib/armeabi-v7a/libc++_shared.so' pickFirst 'lib/armeabi-v7a/libjsc.so' } signingConfigs { } buildTypes { debug { debuggable true } release { minifyEnabled enableProguardInReleaseBuilds proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro" } } flavorDimensions "client", "env" productFlavors { } applicationVariants.all { variant -> variant.outputs.each { output -> def versionCodes = ["armeabi-v7a": 1, "x86": 2, "arm64-v8a": 3, "x86_64": 4] def abi = output.getFilter(OutputFile.ABI) if (abi != null) { output.versionCodeOverride = defaultConfig.versionCode * 1000 + versionCodes.get(abi) } } } dexOptions { javaMaxHeapSize "4g" } } dependencies { implementation project(':react-native-push-notification') implementation project(':react-native-background-fetch') implementation project(':react-native-orientation-locker') implementation project(':react-native-gesture-handler') implementation project(':react-native-config') implementation fileTree(dir: "libs", include: ["*.jar"]) implementation 'com.android.support:multidex:1.0.3' implementation "com.facebook.react:react-native:+" implementation 'androidx.appcompat:appcompat:1.1.0' implementation 'androidx.swiperefreshlayout:swiperefreshlayout:1.1.0' implementation project(':reactnativereplicareader') // JSC from node_modules debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}") { exclude group:'com.facebook.fbjni' } debugImplementation("com.facebook.flipper:flipper-network-plugin:${FLIPPER_VERSION}") { exclude group:'com.facebook.flipper' exclude group:'com.squareup.okhttp3', module:'okhttp' } debugImplementation("com.facebook.flipper:flipper-fresco-plugin:${FLIPPER_VERSION}") { exclude group:'com.facebook.flipper' } if (enableHermes) { def hermesPath = "../../node_modules/hermes-engine/android/"; debugImplementation files(hermesPath + "hermes-debug.aar") releaseImplementation files(hermesPath + "hermes-release.aar") } else { implementation jscFlavor } } task copyDownloadableDepsToLibs(type: Copy) { from configurations.compile into 'libs' } apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project) apply plugin: 'com.google.gms.google-services' ``` #### `android/settings.gradle`: ```groovy rootProject.name = 'reactnative' include ':@adobe_react-native-acpcore' project(':@adobe_react-native-acpcore').projectDir = new File(rootProject.projectDir, '../node_modules/@adobe/react-native-acpcore/android') include ':@adobe_react-native-acpanalytics' project(':@adobe_react-native-acpanalytics').projectDir = new File(rootProject.projectDir, '../node_modules/@adobe/react-native-acpanalytics/android') include ':rn-fetch-blob' project(':rn-fetch-blob').projectDir = new File(rootProject.projectDir, '../node_modules/rn-fetch-blob/android') include ':react-native-push-notification' project(':react-native-push-notification').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-push-notification/android') include ':react-native-background-fetch' project(':react-native-background-fetch').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-background-fetch/android') include ':react-native-orientation-locker' project(':react-native-orientation-locker').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-orientation-locker/android') include ':react-native-gesture-handler' project(':react-native-gesture-handler').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-gesture-handler/android') include ':react-native-config' project(':react-native-config').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-config/android') include ':react-native-art' project(':react-native-art').projectDir = new File(rootProject.projectDir, '../node_modules/@react-native-community/art/android') apply from: file("../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesSettingsGradle(settings) include ':app' ``` #### `MainApplication.java`: ```java package com.reactnative; import android.app.Activity; import android.content.Context; import android.app.Application; import android.content.Context; import android.os.Bundle; import android.util.Log; import androidx.appcompat.app.AppCompatDelegate; import androidx.multidex.MultiDex; import com.facebook.react.PackageList; import com.facebook.react.ReactApplication; import com.facebook.react.ReactInstanceManager; import com.adobe.marketing.mobile.reactnative.RCTACPCorePackage; import com.adobe.marketing.mobile.reactnative.analytics.RCTACPAnalyticsPackage; import com.facebook.react.ReactNativeHost; import com.facebook.react.ReactPackage; import com.facebook.react.shell.MainReactPackage; import com.facebook.soloader.SoLoader; import java.lang.reflect.InvocationTargetException; import com.adobe.marketing.mobile.reactnative.RCTACPCorePackage; import com.adobe.marketing.mobile.AdobeCallback; import com.adobe.marketing.mobile.MobileCore; // import MobileCore import com.adobe.marketing.mobile.Identity; import com.adobe.marketing.mobile.Lifecycle; import com.adobe.marketing.mobile.Signal; import com.adobe.marketing.mobile.WrapperType; import com.adobe.marketing.mobile.LoggingMode; import com.adobe.marketing.mobile.InvalidInitException; import com.adobe.marketing.mobile.Analytics; import com.reactnativereplicareader.RCTReplicaReaderPackage; import java.util.Arrays; import java.util.List; public class MainApplication extends Application implements ReactApplication { private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) { @Override public boolean getUseDeveloperSupport() { return BuildConfig.DEBUG; } @Override protected List getPackages() {
@SuppressWarnings("UnnecessaryLocalVariable")
List packages = new PackageList(this).getPackages();
// Packages that cannot be autolinked yet can be added manually here, for example:
// packages.add(new MyReactNativePackage());
packages.add(new RCTReplicaReaderPackage());
return packages;
}
@Override
protected String getJSMainModuleName() {
return "index";
}
};
@Override
public ReactNativeHost getReactNativeHost() {
return mReactNativeHost;
}
@Override
public void onCreate() {
setTheme(R.style.AppTheme);
super.onCreate();
SoLoader.init(this, /* native exopackage */ false);
initializeFlipper(this, getReactNativeHost().getReactInstanceManager());
AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_NO);
if(BuildConfig.LOAD_ADOBE_SDK == "true"){
MobileCore.setApplication(this);
MobileCore.setLogLevel(LoggingMode.ERROR);
MobileCore.setWrapperType(WrapperType.REACT_NATIVE);
try {
Identity.registerExtension();
Lifecycle.registerExtension();
Signal.registerExtension();
Analytics.registerExtension();
MobileCore.start(new AdobeCallback() {
@Override
public void call(Object o) {
MobileCore.configureWithAppID(BuildConfig.ADOBE_ID);
}
});
} catch (InvalidInitException e) {
Log.e("MainApplication", String.format("Error while registering extensions %s", e.getLocalizedMessage()));
}
registerActivityLifecycleCallbacks(new ActivityLifecycleCallbacks() {
@Override
public void onActivityCreated(Activity activity, Bundle bundle) { /*no-op*/ }
@Override
public void onActivityStarted(Activity activity) { /*no-op*/ }
@Override
public void onActivityResumed(Activity activity) {
MobileCore.setApplication(MainApplication.this);
MobileCore.lifecycleStart(null);
}
@Override
public void onActivityPaused(Activity activity) {
MobileCore.lifecyclePause();
}
@Override
public void onActivityStopped(Activity activity) { /*no-op*/ }
@Override
public void onActivitySaveInstanceState(Activity activity, Bundle bundle) { /*no-op*/ }
@Override
public void onActivityDestroyed(Activity activity) { /*no-op*/ }
});
}
}
@Override
protected void attachBaseContext(Context context) {
super.attachBaseContext(context);
MultiDex.install(this);
}
/**
* Loads Flipper in React Native templates. Call this in the onCreate method with something like
* initializeFlipper(this, getReactNativeHost().getReactInstanceManager());
*
* @param context
* @param reactInstanceManager
*/
private static void initializeFlipper(
Context context, ReactInstanceManager reactInstanceManager) {
if (BuildConfig.DEBUG) {
try {
/*
We use reflection here to pick up the class that initializes Flipper,
since Flipper library is not available in release mode
*/
Class aClass = Class.forName("com.rndiffapp.ReactNativeFlipper");
aClass
.getMethod("initializeFlipper", Context.class, ReactInstanceManager.class)
.invoke(null, context, reactInstanceManager);
} catch (ClassNotFoundException e) {
e.printStackTrace();
} catch (NoSuchMethodException e) {
e.printStackTrace();
} catch (IllegalAccessException e) {
e.printStackTrace();
} catch (InvocationTargetException e) {
e.printStackTrace();
}
}
}
}
```
#### `AndroidManifest.xml`:
```xml
```
Environment
Click To Expand
**`react-native info` output:** ``` System: OS: macOS 11.4 CPU: (8) arm64 Apple M1 Memory: 87.48 MB / 16.00 GB Shell: 5.8 - /bin/zsh Binaries: Node: 16.3.0 - ~/.nvm/versions/node/v16.3.0/bin/node Yarn: 1.22.10 - ~/.nvm/versions/node/v16.3.0/bin/yarn npm: 7.15.1 - ~/.nvm/versions/node/v16.3.0/bin/npm Watchman: 4.9.0 - /opt/local/bin/watchman Managers: CocoaPods: 1.11.2 - /usr/local/bin/pod SDKs: iOS SDK: Platforms: iOS 15.0, DriverKit 20.4, macOS 11.3, tvOS 15.0, watchOS 8.0 Android SDK: Not Found IDEs: Android Studio: 4.2 AI-202.7660.26.42.7486908 Xcode: 13.0/13A233 - /usr/bin/xcodebuild Languages: Java: 13.0.2 - /usr/bin/javac npmPackages: @react-native-community/cli: Not Found react: 17.0.1 => 17.0.1 react-native: 0.64.2 => 0.64.2 react-native-macos: Not Found npmGlobalPackages: *react-native*: Not Found ``` - **Platform that you're experiencing the issue on**: - [ ] iOS - [x] Android - [ ] **iOS** but have not tested behavior on Android - [ ] **Android** but have not tested behavior on iOS - [ ] Both - **`Firebase` module(s) you're using that has the issue:** - "@react-native-firebase/analytics": "^12.8.0" - "@react-native-firebase/app": "^12.8.0" - "@react-native-firebase/crashlytics": "^12.8.0" - "@react-native-firebase/messaging": "^12.8.0" - "@react-native-firebase/remote-config": "^12.8.0" - **Are you using `TypeScript`?** - Y v4.2.3