Handling App Configuration

{
  "expo": {
    "name": "MyApp",
    "slug": "my-app",
    "version": "1.0.0",
    "platforms": [
      "ios",
      "android",
      "web"
    ],
    "ios": {
      "bundleIdentifier": "com.myapp"
    },
    "android": {
      "package": "com.myapp"
    }
  }
}

const { getDefaultConfig } = require('@expo/metro-config');

const config = getDefaultConfig(__dirname);

config.resolver.assetExts.push('cjs');

module.exports = config;

import Config from 'react-native-config'

const apiKey = Config.API_KEY

import { Platform } from 'react-native';

const isFeatureAEnabled = () => {
  // Example logic to check feature flag
  return Platform.OS === 'android'; // or fetch from config
};

export default function MyComponent() {
  return (
    <View>
      {isFeatureAEnabled() ? <FeatureA /> : <FeatureB />}
    </View>
  );
}

import { RemoteConfig } from '@react-native-firebase/remote-config';

const fetchConfig = async () => {
  try {
    await RemoteConfig().fetch();
    const config = RemoteConfig().getAll();
    console.log('Remote Config Values:', config);
  } catch (error) {
    console.error('Failed to fetch remote config:', error);
  }
};

fetchConfig();

import { RemoteConfig } from '@react-native-firebase/remote-config';

RemoteConfig().setDefaults({
  feature_flag: false,
  welcome_message: 'Welcome to our app!'
});

android {
    compileSdkVersion 33
    defaultConfig {
        applicationId "com.example.app"
        minSdkVersion 21
        targetSdkVersion 33
        versionCode 1
        versionName "1.0"
    }
    buildTypes {
        debug {
            debuggable true
        }
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android-optimize.txt')
        }
    }
}

let config = Bundle.main.infoDictionary
let version = config?["CFBundleShortVersionString"] as? String ?? "Unknown"
let build = config?["CFBundleVersion"] as? String ?? "Unknown"

// .env.development
REACT_NATIVE_API_URL=https://dev-api.example.com
REACT_NATIVE_LOG_LEVEL=debug

// .env.production
REACT_NATIVE_API_URL=https://api.example.com
REACT_NATIVE_LOG_LEVEL=error

android {
    compileSdk 33

    defaultConfig {
        applicationId "com.example.myapp"
        minSdkVersion 21
        targetSdkVersion 33
        versionCode 1
        versionName "1.0"
    }

    buildTypes {
        debug {
            signingConfig null
        }
        release {
            signingConfig signingConfigs.release
            minifyEnabled true
            proguardFiles getDefaultProguardFile('proguard-android-optimize.txt')
        }
    }
}

import { Platform } from 'react-native';

const config = {
  isIOS: Platform.OS === 'ios',
  isAndroid: Platform.OS === 'android',
  version: Platform.Version,
  userAgent: Platform.constants?.UserAgent || 'N/A'
};

console.log(config);

import { NativeModules } from 'react-native';

const { BuildConfig } = NativeModules;

if (BuildConfig) {
  console.log('Build Type:', BuildConfig.BUILD_TYPE);
  console.log('Is Debug:', BuildConfig.DEBUG);
}

import { NativeModules } from 'react-native';

const { NSBundle } = NativeModules;

if (NSBundle) {
  const bundleId = NSBundle.bundleIdentifier;
  const version = NSBundle.bundleVersion;
  console.log('Bundle ID:', bundleId);
  console.log('Version:', version);
}

import { API_BASE_URL } from './constants';\n\nconst fetchData = async () => {\n  const response = await fetch(\`${API_BASE_URL}/data\`);\n  return response.json();\n};

const config = {
  apiUrl: process.env.REACT_NATIVE_API_URL || 'https://api.example.com',
  debugMode: process.env.REACT_NATIVE_DEBUG === 'true'
};

export default config;

import remoteConfig from '@react-native-firebase/remote-config';

const fetchConfig = async () => {
  try {
    await remoteConfig().setDefaults({
      feature_flag: false,
      api_endpoint: 'https://api.example.com'
    });
    await remoteConfig().fetch();
    const config = remoteConfig().getAll();
    return config;
  } catch (error) {
    console.error('Failed to fetch config:', error);
  }
};