Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/js-bhavyansh/navigationdrawer
A Flutter app that makes it easy to explore different pages using a Drawer for seamless navigation
https://github.com/js-bhavyansh/navigationdrawer
flutter navigation-drawer
Last synced: 2 days ago
JSON representation
A Flutter app that makes it easy to explore different pages using a Drawer for seamless navigation
- Host: GitHub
- URL: https://github.com/js-bhavyansh/navigationdrawer
- Owner: js-bhavyansh
- Created: 2024-10-19T13:52:55.000Z (about 1 month ago)
- Default Branch: master
- Last Pushed: 2024-10-19T16:57:14.000Z (about 1 month ago)
- Last Synced: 2024-10-23T08:17:37.837Z (28 days ago)
- Topics: flutter, navigation-drawer
- Language: C++
- Homepage:
- Size: 264 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Drawer Navigation Demo
This Flutter app demonstrates the use of a `Drawer` for navigation between different pages. It features two pages, "Page 1" and "Page 2", that can be accessed through the drawer menu.
## Features
- **Drawer Navigation**: Users can access different sections of the app through a side drawer.
- **Multiple Pages**: Navigate between two separate pages, each with its own unique background color.
- **Responsive UI**: The app adapts to different screen sizes and orientations.
## Preview
## Code Explanation
- **`MyApp` class**: The root widget that initializes the app with a theme and the home page.
- **`HomePage` class**: Contains the `Scaffold`, which includes the `AppBar`, the `Drawer`, and a background color. The drawer allows navigation to two different pages.
- **`FirstPage` and `SecondPage` classes**: Stateless widgets representing individual pages, each with a distinct background color and centered text.
### Main Components:
- **Drawer**: A side menu that contains navigation options for the app.
- **ListTile**: Used to create clickable items in the drawer, directing users to the respective pages when tapped.
- **DrawerHeader**: Displays a header section at the top of the drawer.
## Getting Started
To run this project on your local machine:
1. Clone the repository and open it in your IDE:
```bash
git clone https://github.com/Bhavyansh03-tech/FlutterTabBar.git
```
2. Run the project on an emulator or a physical device.
```bash
flutter run
```
## Contributing
Contributions are welcome! Please fork the repository and submit a pull request for any improvements or bug fixes.
1. Fork the repository.
2. Create your feature branch (`git checkout -b feature/your-feature`).
3. Commit your changes (`git commit -am 'Add some feature'`).
4. Push to the branch (`git push origin feature/your-feature`).
5. Create a new Pull Request.
## Contact
For questions or feedback, please contact [@Bhavyansh03-tech](https://github.com/Bhavyansh03-tech) on GitHub or connect with me on [LinkedIn](https://www.linkedin.com/in/bhavyansh03/).
---