App info

These are constants, read once, rather than signals: none of them changes while the app runs. Anything the platform does not say is null, and so is everything from a module that is not installed.

Install

npx expo install expo-application expo-device

import { AppInfo } from '@ng-native/expo/app-info';

The smallest useful example

import { Component, inject } from '@angular/core';
import { AppInfo } from '@ng-native/expo/app-info';

@Component({
  selector: 'app-about',
  template: `<text>{{ info.version }} ({{ info.build }}) on {{ info.device.model }}</text>`,
})
export class About {
  protected readonly info = inject(AppInfo);
}

What it reports

From expo-application:

• version - the version people see: CFBundleShortVersionString on iOS, Android's versionName.
• build - the build number: CFBundleVersion on iOS, Android's versionCode.
• id - the bundle identifier on iOS, the package name on Android.
• name - the name under the icon.

From expo-device, on device:

• model - iPhone 17 Pro, Pixel 9.
• brand
• os - iOS, iPadOS, Android.
• osVersion
• physical - false in a simulator or emulator.
• type - 'phone', 'tablet', 'desktop', 'tv' or 'unknown', null if the platform did not say.

Without the modules installed

version, build, id and name are all null without expo-application. device is every field null and physical null without expo-device. Each module is independent: installing only one still fills in what it can.

Reference