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>:

1import {UiThemeProvider} from 'react-native-apex-ui';
2
3const App = () => (
4  <UiThemeProvider>
5    <Root />
6  </UiThemeProvider>
7);

Following that, you can use any of the components:

1import {RippleButton, Toast} from 'react-native-apex-ui';
2
3class SimpleToastExample extends Component {
4	state = {
5		open: false,
6	};
7
8	handleRequestOpen = () => {
9		this.setState({
10			open: true,
11		});
12	}
13
14	handleRequestClose = () => {
15		this.setState({
16			open: false,
17		});
18	};
19
20	render() {
21		return (
22			<View>
23				<RippleButton 
24					caption='BUTTON'
25					backgroundColor='#2c8cff'
26					captionColor='#fff'
27					onPress={this.handleRequestOpen}
28				/>
29				<Toast 
30					open={this.state.open}
31					message='Hello toast!'
32					onRequestClose={this.handleRequestClose}
33				/>
34			</View>
35		);
36	}
37}

Examples

check out RNApexUIExample

Thanks

• apexsoft
• material-ui