README

react-native-apex-ui

A react native cross platform ui kit.

include

Button
Dialog
Drawer
ActionSheet
Toast
Tooltip
Carousel
Popover
Tag
TouchableRipple
...

Installation

step 1

npm i react-native-apex-ui --save

step 2

react-native link react-native-vector-icons

Get Started

`UiThemeProvider`

At the beginning, apex ui components require a UiThemeProvider to be provided. You can’t use any components without wrapping the root component in <UiThemeProvider>:

import {UiThemeProvider} from 'react-native-apex-ui';

const App = () => (
  <UiThemeProvider>
    <Root />
  </UiThemeProvider>
);

Following that, you can use any of the components:

import {RippleButton, Toast} from 'react-native-apex-ui';

class SimpleToastExample extends Component {
    state = {
        open: false,
    };

    handleRequestOpen = () => {
        this.setState({
            open: true,
        });
    }

    handleRequestClose = () => {
        this.setState({
            open: false,
        });
    };

    render() {
        return (
            <View>
                <RippleButton 
                    caption='BUTTON'
                    backgroundColor='#2c8cff'
                    captionColor='#fff'
                    onPress={this.handleRequestOpen}
                />
                <Toast 
                    open={this.state.open}
                    message='Hello toast!'
                    onRequestClose={this.handleRequestClose}
                />
            </View>
        );
    }
}

Examples

check out RNApexUIExample

react-native-apex-uideprecated

Usage no npm install needed!