react-native-bootsplash VS react-native-dotenv

The React Native Bootsplash library is a great option for adding splash screens and app icons to mobile applications. It comes with a CLI that can be leveraged to generate a splash screen and app icons on the fly. Let’s take a closer look.

I recommend you to use https://github.com/zoontek/react-native-bootsplash as the latest version will use android splash screen API.

I have used both react-native-splash-screen and react-native-bootsplash and prefer the latter. https://github.com/zoontek/react-native-bootsplash

As the title suggests I went through the setup process for the react-native-bootsplash library and Android is working perfectly. The splash screen shows up and does not dismiss since I have not called the hide method.

Personally I really recommend https://github.com/zoontek/react-native-bootsplash.

🤖 Auto generate App Icon using react-native-make and Splash screen using react-native-bootsplash

it's defined right here : https://github.com/zoontek/react-native-bootsplash/blob/master/android/src/main/java/com/zoontek/rnbootsplash/RNBootSplashModule.java

In this tutorial, let's learn how to use an awesome package called react-native-bootsplash to display a splash screen when an app starts and then learn the process of adding app icons in a React Native app.

I want to recommend everyone to use https://github.com/zoontek/react-native-bootsplash instead. Much more maintained and stable. 100% my go-to in every project.

React Native Bootsplash

Best way to store API keys in RN? I need to store the google autocomplete API key somewhere but react-native-config and react-native-dotenv can be reverse-engineered. Any ideas? Thanks!

To consume env variables in js code you'd need https://www.npmjs.com/package/react-native-dotenv — basically, it will allow to reference single variable in the js code and at compile time it will pick up current value from the config

It's not possible to use react-native-dotenv in native code files like `build.gradle` or `Info.plist`: https://github.com/goatandsheep/react-native-dotenv/issues/190

Then install the 'react-native-dotenv' library in your project with the below commands using NPM or Yarn.

While you still developing your app use this package https://www.npmjs.com/package/react-native-dotenv

I know, not a direct answer to your question, but if you're looking for file-defined custom properties, the typical solution is to use https://github.com/goatandsheep/react-native-dotenv

⚙️ Handel environment variables with react-native-env

There are a few special libraries from npm that are used to make all this work and we cover them all in the video. Specifically we needed an AsyncStorage library and dotEnv, a library to manage local environment variable for the application

It's time to use the Firebase project configuration in the Expo app. To do so, first install the Firebase SDK by running expo install firebase. Additionally, install react-native-dotenv by running npm install react-native-dotenv, so that environment variables can be imported in the app via an .env file. Next, add the module:react-native-dotenv plugin to the default Expo babel.config.js file.

We will be making use of the handy npm library react-native-dotenv