Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/dinesh2510/navigation-in-jetpack-compose

The Navigation component provides support for Jetpack Compose applications. You can navigate between composables while taking advantage of the Navigation component's infrastructure and features. Basic concept about navigation in Jetpack compose.
https://github.com/dinesh2510/navigation-in-jetpack-compose

android-ui introduction-to-navigation jetapck-compose jetpack-android jetpack-compose jetpack-compose-clean-navigation jetpack-compose-navigation jetpack-compose-navigation-tutorial jetpack-compose-tutorial jetpack-compose-with-navigation jetpack-lifecycle-components jetpack-navigation jetpackcompose kotlin-coroutines kotlin-multiplatform lazycolumn lazyrow navigation-component-for-jetpack-compose navigation-in-jetpack-compose navigation-with-compose

Last synced: 10 days ago
JSON representation

Host: GitHub
URL: https://github.com/dinesh2510/navigation-in-jetpack-compose
Owner: Dinesh2510
Created: 2023-12-29T13:21:41.000Z (about 1 year ago)
Default Branch: main
Last Pushed: 2024-01-17T16:45:13.000Z (about 1 year ago)
Last Synced: 2024-12-04T02:10:47.764Z (2 months ago)
Topics: android-ui, introduction-to-navigation, jetapck-compose, jetpack-android, jetpack-compose, jetpack-compose-clean-navigation, jetpack-compose-navigation, jetpack-compose-navigation-tutorial, jetpack-compose-tutorial, jetpack-compose-with-navigation, jetpack-lifecycle-components, jetpack-navigation, jetpackcompose, kotlin-coroutines, kotlin-multiplatform, lazycolumn, lazyrow, navigation-component-for-jetpack-compose, navigation-in-jetpack-compose, navigation-with-compose
Language: Kotlin
Homepage: https://pixeldev.in/
Size: 6.04 MB
Stars: 7
Watchers: 1
Forks: 2
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Navigation in Jetpack Compose [MAIN Branch]

### Navigaiton Projects
| Name | Branch Name | Clone Url |
| ------------- | ------------- | ------------- |
| Navigation with compose | [Main](https://github.com/Dinesh2510/Navigation-in-Jetpack-Compose) | `git clone https://github.com/Dinesh2510/Navigation-in-Jetpack-Compose.git` |
| Navigation with Arguments | [navigation_part2](https://github.com/Dinesh2510/Navigation-in-Jetpack-Compose/tree/navigation_part2) | `git clone https://github.com/Dinesh2510/Navigation-in-Jetpack-Compose.git -b navigation_part2` |
| Nested Navigation | [nested_nav](https://github.com/Dinesh2510/Navigation-in-Jetpack-Compose/tree/nested_nav) | `git clone https://github.com/Dinesh2510/Navigation-in-Jetpack-Compose.git -b nested_nav` |

## Overview
This repository provides a comprehensive guide and example code for implementing navigation in Jetpack Compose, covering fundamental concepts to advanced techniques.

## Key Features
- **NavHost Setup**: Learn how to set up a NavHost to manage navigation within your Jetpack Compose app.
- **NavController**: Understand the usage of NavController for seamless navigation control.
- **Navigation Composable Functions**: Dive into the various composable functions that facilitate navigation between screens.
- **Handling Arguments**: Explore how to pass data between destinations using Jetpack Compose navigation.
- **Advanced Navigation Patterns**: Learn advanced navigation patterns to handle complex app flows.
- **Troubleshooting Tips**: Get insights into common challenges faced during navigation and how to overcome them.

## Screenshots
| Introduction to Navigation | Navigating with arguments |
| ------------- | ------------- |
| [![IMAGE](https://img.youtube.com/vi/wSWUIbbG3Sg/0.jpg)](https://www.youtube.com/watch?v=/wSWUIbbG3Sg) | [![IMAGE](https://img.youtube.com/vi/cSlvQtdwIGc/0.jpg)](https://www.youtube.com/watch?v=cSlvQtdwIGc) |

## Getting Started
To integrate this navigation module into your Jetpack Compose project, follow these steps:

1. Clone this repository: git clone https://github.com/Dinesh2510/Navigation-in-Jetpack-Compose.git.
2. Copy the navigation package into your project.
3. Follow the provided examples and documentation.
## Dependencies
The project relies on the following dependencies:

- Jetpack Compose
- Navigation Compose

## Contribution
Feel free to contribute to this project by opening issues or submitting pull requests. Your feedback and collaboration are highly appreciated!