Skip to content

Build navigation flow with list and detail screen with jetpack compose in android. This app contains an overview screen that displays a list of cats, and a detail screen showing each cat's details.

License

Notifications You must be signed in to change notification settings

RajashekarRaju/android-navigation-with-compose

Repository files navigation

Cute Puppies

📜 Description

Android app built with Jetpack Compose. This app contains an overview screen that displays a list of cats, and a detail screen showing each cat's details.

Jetpack Compose is Android’s modern toolkit for building native UI. It enables you to quickly bring your app to life with less code, powerful tools, and intuitive Kotlin APIs.

📝 Blog

Refer to this Article for clear demonstration on implementing naviation flow with compose in android.

💡 Motivation and Context

Jetpack Compose will ease the implementing animations faster with less code. Check below previews. I have made use of AnimatedVisibility in many places in app.

App navigation is built with Compose too which eliminates the previous way of using Navigation Component with xml graph. This made development faster also passing args and changing destinations.

Understanding to implement own Theme Shape Typography Color has became bit easier by referring to lot of official jetpack compose samples which are available in GitHub.

Best of all we got to do this in Kotlin way. Excited and long way to go from here.

📸 Screenshots

Dark Theme

Light Theme

Images and Content

Cat and images belongs to and taken from Fandom . I do not own the images.

License

Copyright 2021 Rajasekhar K E

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    https://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

About

Build navigation flow with list and detail screen with jetpack compose in android. This app contains an overview screen that displays a list of cats, and a detail screen showing each cat's details.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages