Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/amiteshsinghk/instagram-profile-ui
This project demonstrate how to create Ui in jetpack compose
https://github.com/amiteshsinghk/instagram-profile-ui
android jetpack-compose kotlin ui-components ui-design
Last synced: 8 days ago
JSON representation
This project demonstrate how to create Ui in jetpack compose
- Host: GitHub
- URL: https://github.com/amiteshsinghk/instagram-profile-ui
- Owner: amiteshsinghk
- Created: 2024-10-20T10:11:03.000Z (4 months ago)
- Default Branch: master
- Last Pushed: 2024-11-18T14:42:02.000Z (3 months ago)
- Last Synced: 2024-12-04T02:16:12.268Z (2 months ago)
- Topics: android, jetpack-compose, kotlin, ui-components, ui-design
- Language: Kotlin
- Homepage:
- Size: 329 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
**Instagram Profile Ui**
**1. Jetpack Compose Basics**
Explore how to set up and structure a Jetpack Compose project.
Learn to create composable functions and manage layouts effectively.
Example: Displaying a simple greeting message with dynamic styling.
**2. Bottom Navigation Bar**
Implementation of a Bottom Navigation Bar with multiple screens.
Proper handling of navigation state with NavHost and NavController.
Example: Navigate between Home, Profile, and Settings tabs seamlessly.
**3. State Handling in Jetpack Compose**
Manage and observe state changes using State, MutableState, and ViewModel.
Example: A counter app demonstrating the use of remember and state.
**4. Additional Features**
Integration of advanced Jetpack Compose features such as:
Animations (animateDpAsState, Crossfade, etc.)
Lists with LazyColumn and LazyRow
Dialogs and custom modal bottom sheets.
Demonstrating responsive UI for multiple screen sizes.
Instagram profile Ui using jetpack compose.
