React Native Expo: Adding Environment Variables with .env Files

In this tutorial, discover the essential steps to fortify your React Native Expo projects by seamlessly incorporating environment variables using .env files. Safeguard your sensitive information and elevate your app's security. Follow along as we walk you through the process, ensuring a smooth integration that enhances both functionality and privacy. Upgrade your Expo skills today! 🔒🚀
‪@CodeMender‬ #reactnative #expo #axios #enviromentvariable
npm i react-native-dotenv
Babel.config.js:
module.exports = function (api) {
api.cache(true);
return {
presets: ["babel-preset-expo"],
plugins: [
[
"module:react-native-dotenv",
{
moduleName: "@env",
path: ".env",
},
],
],
};
};

[@ИванГулак-с3р]

react-native-dotenv doesn't work with expo. I am stuck on expo welcome screen after using react-native-dotenv.

[@technerd3455]

i am stuck on the same issue ... any update ??

[@dbuuCollege]

not working in expo in development build

[@CodeMender]

th-cam.com/video/qVRLR37EurA/w-d-xo.htmlsi=2Tsah89CHCWr3JPQ
@dbuuCollege you need to include them in the eas.json file for it to function correctly. Check out the video linked above for guidance.

[@2K22B16JosephKurianJohn]

helped me a lot , thank you

[@CodeMender]

Glad to hear that!

[@AftabShaik-r4z]

for production eas build the env is not getting load

[@CodeMender]

Check the name of the env variable it should start with EXPO.