Showcase Template

[![npm](https://badgen.net/npm/v/@gorhom/showcase-template)](https://www.npmjs.com/package/@gorhom/showcase-template) [![npm](https://badgen.net/npm/license/@gorhom/showcase-template)](https://www.npmjs.com/package/@gorhom/showcase-template) [![npm](https://badgen.net/npm/types/@gorhom/showcase-template)](https://www.npmjs.com/package/@gorhom/showcase-template) [![runs with expo](https://img.shields.io/badge/Runs%20with%20Expo-4630EB.svg?style=flat-square&logo=EXPO&labelColor=f3f3f3&logoColor=000)](https://expo.io/)

A React Native template that helps developers to showcase their amazing libraries examples.

--- ## Installation ```sh yarn add @gorhom/showcase-template # or npm install @gorhom/showcase-template ``` ## Usage ```jsx import React from 'react'; import { Alert } from 'react-native'; import Showcase from '@gorhom/showcase-template'; const DemoScreen = () => ( Demo Screen ); const data = [ { title: 'Group 1', data: [ { name: 'Default', slug: 'default', getScreen: () => DemoScreen, }, { name: 'Example A', slug: 'example-a', getScreen: () => DemoScreen, }, { name: 'Example B', slug: 'example-b', getScreen: () => DemoScreen, }, ], }, { title: 'Group 2', data: [ { name: 'Example C', slug: 'example-c', getScreen: () => DemoScreen, }, { name: 'Example D', slug: 'example-d', getScreen: () => DemoScreen, }, ], }, ]; export default function App() { return ( ); } ``` ## Sponsor & Support To keep this library maintained and up-to-date please consider [sponsoring it on GitHub](https://github.com/sponsors/gorhom). Or if you are looking for a private support or help in customizing the experience, then reach out to me on Twitter [@gorhom](https://twitter.com/gorhom). ## License [MIT](./LICENSE) ---