react-native-config not working (Empty Config in both OS)

Question

I'm really struggling with what seems like a very primitive error. I have installed react-native-config and when console.logging the Config object it returns {}.

The problem occurs both on android and iOS and it doesn't seem to be a linking issue because (even though RN 71.3 doesn't require manual linking) when following the steps to link manually on android I got an error saying RNCConfigPackage already linked.

This is a simplified version of my code:

import Config from 'react-native-config';

console.log(Config);

And this is what my .env file looks like:

REACT_APP_STAGE=development
TEST=ThisIsATest
ANOTHER_TEST=ThisIsAnotherTest

Debugging attempts

I have already tried:

Running gradlew clean and pod install (even though it's not a platform specific issue)
Run with ENVFILE=.env react-native run-android to hard code the env file

I understand that this is very limited information in order to debug the issue but any direction and help is appreciated including any approach you would follow to debug.

EDIT: The Config appeared in the end but is very late to update, an issue more people seem to be facing, I have used react-native-dotenv instead.

Ali · Accepted Answer · 2023-11-02 14:20:34Z

3

Here is a fix tested on

"react-native": "0.72.6"
"react-native-config": "^1.5.1"

Android

add to your app/build.gradle

project.ext.envConfigFiles = [
        debug: ".env",
        release: ".env",
]

apply from: project(':react-native-config').projectDir.getPath() + "/dotenv.gradle"

...

android {
...

    defaultConfig {
...
      resValue "string", "build_config_package", "com.yourApp.packageName"
    }

iOS

Go to Product > Scheme > Edit Scheme...

in the left panel Build > pre-actions add a new run script action and add the code below ( to generate the GeneratedDotEnv.m )

xcodebuild -project "${SRCROOT}/../node_modules/react-native-config/ios/ReactNativeConfig.xcodeproj"

then in your Pod file add this line under your target

pod 'react-native-config', :path => '../node_modules/react-native-config'

and last step : cd ios && pod install

edited Nov 2, 2023 at 14:20

answered Nov 2, 2023 at 13:18

Ali

6515 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user24603331 · Accepted Answer · 2024-08-07 09:12:53Z

1

For me using the following versions it worked on iOS after I ran pod install inside ios folder. For android all I had to do was the extra step that is mentioned in repo's readme.md: https://github.com/lugg/react-native-config?tab=readme-ov-file#extra-step-for-android

    "react-native": "0.73.6",
    "react-native-config": "^1.5.3",

edited Aug 7, 2024 at 9:12

answered Aug 7, 2024 at 9:09

user24603331

112 bronze badges

Collectives™ on Stack Overflow

react-native-config not working (Empty Config in both OS)

Debugging attempts

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

Debugging attempts

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related