packages/Button/demos/Demo1.js

import React from 'react';

import {
  View,
  StyleSheet
} from 'react-native';

import {Button} from '../index';

export const Demo1 = () => (
  <View style={styles.container}>
    <Button style={styles.btn} type={'default'} text={'Default'}/>
    <Button style={styles.btn} type={'primary'} text={'Primary'}/>
    <Button style={styles.btn} type={'success'} text={'Success'}/>
    <Button style={styles.btn} type={'warning'} text={'Warning'}/>
    <Button style={styles.btn} type={'danger'} text={'Danger'}/>
  </View> 
);

const styles = StyleSheet.create({
  container: {
    flexWrap: 'wrap',
    flexDirection: 'row',
    paddingHorizontal: 15,
    paddingVertical: 7.5
  },
  btn: {
    marginRight: 15,
    marginVertical: 7.5
  }
});