Obtener y Mostrar la versión de nuestra aplicación en React Native

Tiempo de lectura: 2 minutos

Buenas tardes a todos,

En el tutorial de hoy os muestro como obtener la versión de nuestra app y poder mostrarla en el lugar que queramos de nuestra aplicación desarrollada con react native

A continuación os muestro como:

import React from "react";
import { View, TouchableOpacity} from "react-native";

import SurfaceText from '../componentes/SurfaceText';

const Ajustes = ({ navigation }) => {

    const pkg = require('../app.json');
    const appVersion = pkg.expo.version;

    return (
        <View>
            <TouchableOpacity>
                <SurfaceText texto={t('textoVersion') + " " + appVersion} navigationPass={navigation} />
            </TouchableOpacity>
        </View>
    )
};

Creamos la constante pkg (podéis poner el nombre que queráis), ene la cual almacenamos la ruta de nuestro fichero-paquete (package.json) que es, donde se almacena la versión de nuestra app y debemos ir actualizando una vez publicada la app, cada vez que cambiemos algo y la actualicemos

Luego he creado una constante llamada appVersion la cuál mostrará la versión obtenida del package.json

No tiene mucho misterio, pero ahí lo dejo.

¡OJO!

El TouchableOpacity es un componente que permite que el elemento sea clikable en el caso de que queramos hacer algo mas con el , si no con un simple <View> es suficiente, yo he añadido un componente que he creado por que es lo que queríamos hacer, pero imprimiendo luego solamente la variable, obtendríamos el resultado.