Overview

The aim of React Native vElements is to provide an all-in-one UI kit for creating apps in react native. There are many great ui components made by developers all around open source. React Native vElements takes the hassle of assembling these packages together by giving you a ready made kit with consistent api and look and feel.

Installation

Expo CLI

Guide to install with expo-cli

React Native CLI

Guide to install with react-native cli

React JS

Guide to install with create-react-app

Next JS (coming soon)

Guide to install with create-next-app

This is a forked project

Note: This library is a fork of the original React Native Elements (RNEUI). Due to the lack of active maintenance, we have taken the initiative to support it by fixing bugs and ensuring its continued usability.
You can find the original library on GitHub.

With some minor changes this library can be used in place of React Native Elements

Quick start

Here's a quick example to get you started, it's literally all you need:

import { Button } from '@rn-vui/base';

const App = () => {
  return <Button title="Hello World" />;
};

Using themed components

The components in this library have a single theme running through them. From one central location, we can update the colours used in all components. While this was great for the developers of the library, the actual users also needed a way to use this feature.

But why stop at colours? Why not allow the props of every component to be defined in one central place? And so the idea behind theming with React Native Elements was born!

import { Button, ThemeProvider } from '@rn-vui/themed';

const MyApp = () => {
  return (
    <ThemeProvider>
      <Button title="Hey!" />
    </ThemeProvider>
  );
};

To customize the theme, or use it within your own components, be sure to check the docs on Customization.