Read app.json (or exp.json) programmatically - react-native

Question

Is there a way to read the contents of app.json programmatically from within you app, so you could for example get the current version number and show it within an About screen?

Answer 1

You can access this through Constants.manifest. This includes your app.json config without any of the potentially sensitive information such as API secret keys.
import Constants from 'expo-constants';
Constants.manifest.version

Answer 2

For Expo SDK 35, I did this:
expo install expo-constants
in your .js:
import Constants from "expo-constants";
<Text> {Constants.manifest.description} </Text>

Answer 3

For expo SDK 33 use:
import Constants from "expo-constants";
{`v${Constants.manifest.version}`}

Answer 4

npm:
npm install expo-constants
OR
expo:
expo install expo-constants
About.js
import Constants from "expo-constants";
<Text>Version {Constants.manifest.version} </Text>

Answer 5

As of Expo SDK 46, use Constants.expoConfig. Source: https://github.com/expo/expo/discussions/17176

Answer 6

Newer versions of expo (I'm on 36) now import the variable differently
import Constants from 'expo-constants';
Read all about it here on the expo documentation site

Answer 7

When trying to use this line
import { Constants } from 'expo-constants';
Constants was showing up as undefined when logged to the console.
However, this code worked to display the app's version:
<template>
<text>version: {{ appVersion }}</text>
</template>
<script>
import * as Constants from 'expo-constants';
export default {
data() {
return {
appVersion: Constants['default']['manifest']['version']
}
}
}
</script>