https://github.com/gorhom/showcase-template

A React Native template that helps developers to showcase their amazing libraries examples.
https://github.com/gorhom/showcase-template

react-native showcase showcase-template

Last synced: 19 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/gorhom/showcase-template
• Owner: gorhom
• License: mit
• Created: 2020-04-03T16:56:03.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-09-15T16:33:26.000Z (over 1 year ago)
• Last Synced: 2025-04-15T14:05:11.378Z (about 2 months ago)
• Topics: react-native, showcase, showcase-template
• Language: TypeScript
• Homepage:
• Size: 1 MB
• Stars: 97
• Watchers: 3
• Forks: 8
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        


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)

---