Saltar al contenido principal

Primeros pasos

Vamos a descubrir innoval react native UI en menos de 5 minutos.

Instalación​

Instala la libreria mediante npm o yarn ejecutando el siguiente comando en tu terminal:

npm install @ga-innoval/react-native-ui

or

yarn add @ga-innoval/react-native-ui

Iconos​

Esta librería hace uso de react-native-vector-icons para la generación de iconos en algunos componentes. Para su correcto funcionamiento, sigue la guía de instalación de react-native-vector-icons:

Uso​

Importa @ga-innoval/react-native-ui en el archivo de tu componente:

import React from "react";
import { View, Text } from "react-native";
import { ChipButton } from "@ga-innoval/react-native-ui";

export function Component() {
  return (
    <View>
      <ChipButton
        text="Click me!"
        backgroundColor={"green"}
        onPress={() => console.log("Clicked!")}
        icon="alert"
      />
    </View>
  );
}