https://github.com/kathawala/expo-hamburger-menu-template

React Native Template with Hamburger Menu / Drawer style navigation. Uses Typescript, React Navigation v5 and Expo v39
https://github.com/kathawala/expo-hamburger-menu-template

drawer-navigation expo expo-template hamburger-menu react-native react-native-template react-navigation-v5 typescript

Last synced: about 2 months ago
JSON representation

React Native Template with Hamburger Menu / Drawer style navigation. Uses Typescript, React Navigation v5 and Expo v39

• Host: GitHub
• URL: https://github.com/kathawala/expo-hamburger-menu-template
• Owner: kathawala
• License: mit
• Created: 2020-10-07T02:18:38.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2024-11-14T05:52:10.000Z (about 2 months ago)
• Last Synced: 2024-11-14T06:30:27.581Z (about 2 months ago)
• Topics: drawer-navigation, expo, expo-template, hamburger-menu, react-native, react-native-template, react-navigation-v5, typescript
• Language: TypeScript
• Homepage:
• Size: 234 KB
• Stars: 25
• Watchers: 1
• Forks: 9
• Open Issues: 21
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        

![Banner](https://storage.googleapis.com/gh-assets/Funzo.jpg)

# Expo Hamburger-Menu Template

![Github last commit](https://img.shields.io/github/last-commit/kathawala/expo-hamburger-menu-template)

![Github repo size](https://img.shields.io/github/repo-size/kathawala/expo-hamburger-menu-template)

![License](https://img.shields.io/github/license/kathawala/expo-hamburger-menu-template)

A template for building a cross-platform mobile app with hamburger-menu-style navigation built in.

This builds on top of the drawer-style navigation included in React Navigation by adding a hamburger menu button to the top-left of the screen which can open and close the drawer.

With gesture-navigation being the standard for Android 10+, the need for a clickable way to open and close app drawers has resurfaced.

This template provides that.

Uses: Expo v39, React Native 0.63, React Navigation 5.0, Typescript

Sets up for you: hamburger menu, drawer navigation, tests (with jest), hooks, deep linking, custom font support, splash screen, dark/light mode support

# Preview

![Demo GIF](https://storage.googleapis.com/gh-assets/expo-template.gif)

# Table of contents

- [Expo Hamburger-Menu Template](#expo-hamburger-menu-template)

- [Preview](#preview)

- [Table of contents](#table-of-contents)

- [Installation](#installation)

- [License](#license)

- [Say thanks!](#say-thanks)

    - [Liberapay](#liberapay)

    - [PayPal](#paypal)

# Installation

[(Back to top)](#table-of-contents)

No manual setup required. Use the same way you initialize your other Expo projects.

```bash

expo init --template https://github.com/kathawala/expo-hamburger-menu-template

```

```bash

npx create-react-native-app --template https://github.com/kathawala/expo-hamburger-menu-template

```

# License

[(Back to top)](#table-of-contents)

[MIT License](https://opensource.org/licenses/MIT)

# Say thanks!

[(Back to top)](#table-of-contents)

If this saved you development time or you otherwise found it useful, leave a star or follow in GitHub.

You can also buy me a coffee to say thanks:

### Liberapay



### PayPal

[![paypal](https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif)](https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=LHG78XBMVTU82&item_name=open+source+software&currency_code=USD)

![Footer](https://storage.googleapis.com/gh-assets/footer.jpg)