How to use global variables in React Native?

by

The global scope in React Native is variable global. Such as global.foo = foo, then you can use global.foo anywhere.

But do not abuse it! In my opinion, global scope may used to store the global config or something like that. Share variables between different views, as your description, you can choose many other solutions(use redux,flux or store them in a higher component), global scope is not a good choice.

A good practice to define global variable is to use a js file. For example global.js

global.foo = foo;
global.bar = bar;

Then, to make sure it is executed when project initialized. For example, import the file in index.js:

import './global.js'
// other code

Now, you can use the global variable anywhere, and don’t need to import global.js in each file.
Try not to modify them!

More Related Contents:

  1. What is the difference between Expo and React Native?
  2. Setting environment variable in react-native?
  3. React Native version mismatch
  4. Module AppRegistry is not registered callable module (calling runApplication)
  5. React navigation goBack() and update parent state
  6. How to upload file to server using react-native
  7. React-Navigation with Login Screen
  8. How do I display an animated gif in React Native?
  9. React Native DEV and PROD variables
  10. React Native TextInput that only accepts numeric characters
  11. How to remove ‘Warning: Async Storage has been extracted from react-native core…’?
  12. StackNavigator through Component gives undefined error
  13. Does react native support base64 encoded images?
  14. FlatList calls `onEndReached` when it’s rendered
  15. React Native – Device back button handling
  16. KeyboardAvoidingView not Working Properly
  17. Is React Native’s Async Storage secure?
  18. Pass Data between Pages in React native
  19. Unable to resolve module `@babel/runtime/helpers/interopRequireDefault`
  20. React Native Android Build Error MainActivity.java:29: error: cannot find symbol
  21. react native get TextInput value
  22. Detect ScrollView has reached the end
  23. Facing issue ” Failed to install the app. Make sure you have the Android development environment ” in react native
  24. Network Response Time Out Error (create-react-native-app) (expo)
  25. However, this package itself specifies a `main` module field that could not be resolved
  26. How to download a file with React Native?
  27. React Native – React Navigation transitions
  28. JSON Parse error: Unrecognized token’
  29. React Native – Difference between onChange vs onChangeText of TextInput
  30. fetch response.json() gives responseData = undefined

Leave a Comment