├── app
├── .gitignore
├── src
│ ├── main
│ │ ├── res
│ │ │ ├── values
│ │ │ │ ├── strings.xml
│ │ │ │ ├── themes.xml
│ │ │ │ └── colors.xml
│ │ │ ├── drawable
│ │ │ │ ├── living_room.png
│ │ │ │ ├── wi_fi_icon.xml
│ │ │ │ ├── ic_launcher_foreground.xml
│ │ │ │ ├── snowflake.xml
│ │ │ │ ├── cutlery.xml
│ │ │ │ ├── bed.xml
│ │ │ │ ├── television.xml
│ │ │ │ ├── pawprint.xml
│ │ │ │ ├── serving_dish.xml
│ │ │ │ ├── android.xml
│ │ │ │ ├── breakfast.xml
│ │ │ │ └── ic_launcher_background.xml
│ │ │ ├── mipmap-hdpi
│ │ │ │ ├── ic_launcher.webp
│ │ │ │ └── ic_launcher_round.webp
│ │ │ ├── mipmap-mdpi
│ │ │ │ ├── ic_launcher.webp
│ │ │ │ └── ic_launcher_round.webp
│ │ │ ├── mipmap-xhdpi
│ │ │ │ ├── ic_launcher.webp
│ │ │ │ └── ic_launcher_round.webp
│ │ │ ├── mipmap-xxhdpi
│ │ │ │ ├── ic_launcher.webp
│ │ │ │ └── ic_launcher_round.webp
│ │ │ ├── mipmap-xxxhdpi
│ │ │ │ ├── ic_launcher.webp
│ │ │ │ └── ic_launcher_round.webp
│ │ │ ├── mipmap-anydpi-v26
│ │ │ │ ├── ic_launcher.xml
│ │ │ │ └── ic_launcher_round.xml
│ │ │ └── xml
│ │ │ │ ├── backup_rules.xml
│ │ │ │ └── data_extraction_rules.xml
│ │ ├── java
│ │ │ └── com
│ │ │ │ └── example
│ │ │ │ └── samplecomposeapp
│ │ │ │ ├── ui_practice
│ │ │ │ ├── list
│ │ │ │ │ ├── ToolsViewState.kt
│ │ │ │ │ ├── model
│ │ │ │ │ │ └── Person.kt
│ │ │ │ │ ├── ToolsView.kt
│ │ │ │ │ ├── repository
│ │ │ │ │ │ └── PersonRepository.kt
│ │ │ │ │ ├── lazyColumn
│ │ │ │ │ │ ├── LazyColumn.kt
│ │ │ │ │ │ └── LazyColumnPractice.kt
│ │ │ │ │ ├── components
│ │ │ │ │ │ └── CustomItem.kt
│ │ │ │ │ ├── lazyGrid
│ │ │ │ │ │ └── LazyGridDemo.kt
│ │ │ │ │ └── ListPractice.kt
│ │ │ │ ├── navigation
│ │ │ │ │ ├── navgraph
│ │ │ │ │ │ ├── NavGraphScreen.kt
│ │ │ │ │ │ ├── AuthNavGraph.kt
│ │ │ │ │ │ └── HomeNavGraph.kt
│ │ │ │ │ ├── Screen.kt
│ │ │ │ │ └── screens
│ │ │ │ │ │ ├── SignUpScreen.kt
│ │ │ │ │ │ ├── DetailScreen.kt
│ │ │ │ │ │ ├── LoginScreen.kt
│ │ │ │ │ │ └── HomeScreen.kt
│ │ │ │ ├── textview
│ │ │ │ │ ├── BoxComposable.kt
│ │ │ │ │ ├── SubScriptAndSuperScript.kt
│ │ │ │ │ ├── TextComposable.kt
│ │ │ │ │ └── ExpandableCard.kt
│ │ │ │ ├── imageview
│ │ │ │ │ └── ImageViewPractice.kt
│ │ │ │ ├── buttons
│ │ │ │ │ └── GradientButton.kt
│ │ │ │ ├── layouts
│ │ │ │ │ ├── BoxPractice.kt
│ │ │ │ │ ├── FlowLayout.kt
│ │ │ │ │ ├── RowColumnDemo.kt
│ │ │ │ │ └── Scaffold.kt
│ │ │ │ ├── textField
│ │ │ │ │ ├── CharacterCountTextField.kt
│ │ │ │ │ ├── PasswordInputField.kt
│ │ │ │ │ ├── TextFieldCompose.kt
│ │ │ │ │ └── GoogleSignUpButton.kt
│ │ │ │ ├── windowSizeClass
│ │ │ │ │ └── WindowSizeClassDemo.kt
│ │ │ │ └── PracticeScreens
│ │ │ │ │ └── AssignmentScreen.kt
│ │ │ │ ├── ConnectivityObserver.kt
│ │ │ │ ├── statemanagement
│ │ │ │ ├── number_guess
│ │ │ │ │ ├── NumberGuessState.kt
│ │ │ │ │ ├── NumberGuessAction.kt
│ │ │ │ │ ├── NumberGuessViewModel.kt
│ │ │ │ │ └── StateManagementGame.kt
│ │ │ │ ├── todo_list_check
│ │ │ │ │ ├── TodoListState.kt
│ │ │ │ │ ├── TodoListActions.kt
│ │ │ │ │ └── TodoListViewModel.kt
│ │ │ │ ├── StateHoistingPractice.kt
│ │ │ │ └── StatePractice.kt
│ │ │ │ ├── ui
│ │ │ │ └── theme
│ │ │ │ │ ├── Color.kt
│ │ │ │ │ ├── Type.kt
│ │ │ │ │ └── Theme.kt
│ │ │ │ ├── ConnectivityViewModel.kt
│ │ │ │ ├── modifiers
│ │ │ │ ├── OffsetModifierPractice.kt
│ │ │ │ ├── ModifierPractice.kt
│ │ │ │ ├── ClickableModifierPractice.kt
│ │ │ │ ├── SpacingModifierPractice.kt
│ │ │ │ ├── ShapeModifierPractice.kt
│ │ │ │ └── FocusManagementPractice.kt
│ │ │ │ ├── CoilImageLoading.kt
│ │ │ │ └── AndroidConnectivityObserver.kt
│ │ └── AndroidManifest.xml
│ ├── test
│ │ └── java
│ │ │ └── com
│ │ │ └── example
│ │ │ └── samplecomposeapp
│ │ │ └── ExampleUnitTest.kt
│ └── androidTest
│ │ └── java
│ │ └── com
│ │ └── example
│ │ └── samplecomposeapp
│ │ └── ExampleInstrumentedTest.kt
├── proguard-rules.pro
└── build.gradle.kts
├── .idea
├── .gitignore
├── codeStyles
│ ├── codeStyleConfig.xml
│ └── Project.xml
├── compiler.xml
├── kotlinc.xml
├── vcs.xml
├── valkyrie_settings.xml
├── migrations.xml
├── misc.xml
├── gradle.xml
├── runConfigurations.xml
├── deploymentTargetSelector.xml
└── inspectionProfiles
│ └── Project_Default.xml
├── gradle
├── wrapper
│ ├── gradle-wrapper.jar
│ └── gradle-wrapper.properties
└── libs.versions.toml
├── Gemfile
├── fastlane
├── Appfile
├── Pluginfile
├── report.xml
├── README.md
└── Fastfile
├── .gitignore
├── settings.gradle.kts
├── .github
└── ISSUE_TEMPLATE
│ ├── feature_request.md
│ └── bug_report.md
├── SECURITY.md
├── CONTRIBUTING.md
├── gradle.properties
├── gradlew.bat
├── README.md
├── CODE_OF_CONDUCT.md
├── gradlew
└── Gemfile.lock
/app/.gitignore:
--------------------------------------------------------------------------------
1 | /build
--------------------------------------------------------------------------------
/.idea/.gitignore:
--------------------------------------------------------------------------------
1 | # Default ignored files
2 | /shelf/
3 | /workspace.xml
4 |
--------------------------------------------------------------------------------
/app/src/main/res/values/strings.xml:
--------------------------------------------------------------------------------
1 |
2 | SampleComposeApp
3 |
--------------------------------------------------------------------------------
/gradle/wrapper/gradle-wrapper.jar:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SardarKhan299/PracticeComposeComponents/HEAD/gradle/wrapper/gradle-wrapper.jar
--------------------------------------------------------------------------------
/app/src/main/res/drawable/living_room.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SardarKhan299/PracticeComposeComponents/HEAD/app/src/main/res/drawable/living_room.png
--------------------------------------------------------------------------------
/app/src/main/res/mipmap-hdpi/ic_launcher.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SardarKhan299/PracticeComposeComponents/HEAD/app/src/main/res/mipmap-hdpi/ic_launcher.webp
--------------------------------------------------------------------------------
/app/src/main/res/mipmap-mdpi/ic_launcher.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SardarKhan299/PracticeComposeComponents/HEAD/app/src/main/res/mipmap-mdpi/ic_launcher.webp
--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xhdpi/ic_launcher.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SardarKhan299/PracticeComposeComponents/HEAD/app/src/main/res/mipmap-xhdpi/ic_launcher.webp
--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xxhdpi/ic_launcher.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SardarKhan299/PracticeComposeComponents/HEAD/app/src/main/res/mipmap-xxhdpi/ic_launcher.webp
--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xxxhdpi/ic_launcher.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SardarKhan299/PracticeComposeComponents/HEAD/app/src/main/res/mipmap-xxxhdpi/ic_launcher.webp
--------------------------------------------------------------------------------
/app/src/main/res/mipmap-hdpi/ic_launcher_round.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SardarKhan299/PracticeComposeComponents/HEAD/app/src/main/res/mipmap-hdpi/ic_launcher_round.webp
--------------------------------------------------------------------------------
/app/src/main/res/mipmap-mdpi/ic_launcher_round.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SardarKhan299/PracticeComposeComponents/HEAD/app/src/main/res/mipmap-mdpi/ic_launcher_round.webp
--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xhdpi/ic_launcher_round.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SardarKhan299/PracticeComposeComponents/HEAD/app/src/main/res/mipmap-xhdpi/ic_launcher_round.webp
--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SardarKhan299/PracticeComposeComponents/HEAD/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp
--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SardarKhan299/PracticeComposeComponents/HEAD/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp
--------------------------------------------------------------------------------
/.idea/codeStyles/codeStyleConfig.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
--------------------------------------------------------------------------------
/Gemfile:
--------------------------------------------------------------------------------
1 | source "https://rubygems.org"
2 |
3 | gem "fastlane"
4 |
5 | plugins_path = File.join(File.dirname(__FILE__), '.', 'Pluginfile')
6 | eval_gemfile(plugins_path) if File.exist?(plugins_path)
7 |
--------------------------------------------------------------------------------
/.idea/compiler.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/app/src/main/res/values/themes.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
--------------------------------------------------------------------------------
/.idea/kotlinc.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/.idea/vcs.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/fastlane/Appfile:
--------------------------------------------------------------------------------
1 | json_key_file("sardar") # Path to the json secret file - Follow https://docs.fastlane.tools/actions/supply/#setup to get one
2 | package_name("com.example.samplecomposeapp") # e.g. com.krausefx.app
3 |
--------------------------------------------------------------------------------
/app/src/main/java/com/example/samplecomposeapp/ui_practice/list/ToolsViewState.kt:
--------------------------------------------------------------------------------
1 | package com.example.samplecomposeapp.ui_practice.list
2 |
3 | data class ToolsViewState (
4 | val isLoading: Boolean = false,
5 | )
6 |
--------------------------------------------------------------------------------
/app/src/main/java/com/example/samplecomposeapp/ConnectivityObserver.kt:
--------------------------------------------------------------------------------
1 | package com.example.samplecomposeapp
2 |
3 | import kotlinx.coroutines.flow.Flow
4 |
5 | interface ConnectivityObserver {
6 | val isConnected: Flow
7 | }
--------------------------------------------------------------------------------
/app/src/main/java/com/example/samplecomposeapp/ui_practice/list/model/Person.kt:
--------------------------------------------------------------------------------
1 | package com.example.samplecomposeapp.ui_practice.list.model
2 |
3 | data class Person(
4 | val id:Int,
5 | val firstName: String,
6 | val lastName: String,
7 | val age: Int
8 | )
--------------------------------------------------------------------------------
/fastlane/Pluginfile:
--------------------------------------------------------------------------------
1 | # Autogenerated by fastlane
2 | #
3 | # Ensure this file is checked in to source control!
4 |
5 | gem 'fastlane-plugin-firebase_app_distribution'
6 | gem 'fastlane-plugin-firebase_app_distribution'
7 | gem 'fastlane-plugin-firebase_app_distribution'
8 |
--------------------------------------------------------------------------------
/.idea/valkyrie_settings.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/gradle/wrapper/gradle-wrapper.properties:
--------------------------------------------------------------------------------
1 | #Sat Nov 16 16:23:04 PKT 2024
2 | distributionBase=GRADLE_USER_HOME
3 | distributionPath=wrapper/dists
4 | distributionUrl=https\://services.gradle.org/distributions/gradle-8.9-bin.zip
5 | zipStoreBase=GRADLE_USER_HOME
6 | zipStorePath=wrapper/dists
7 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | *.iml
2 | .gradle
3 | /local.properties
4 | /.idea/caches
5 | /.idea/libraries
6 | /.idea/modules.xml
7 | /.idea/workspace.xml
8 | /.idea/navEditor.xml
9 | /.idea/assetWizardSettings.xml
10 | .DS_Store
11 | /build
12 | /captures
13 | .externalNativeBuild
14 | .cxx
15 | local.properties
16 |
--------------------------------------------------------------------------------
/.idea/migrations.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
9 |
10 |
--------------------------------------------------------------------------------
/app/src/main/java/com/example/samplecomposeapp/statemanagement/number_guess/NumberGuessState.kt:
--------------------------------------------------------------------------------
1 | package com.example.samplecomposeapp.statemanagement.number_guess
2 |
3 | data class NumberGuessState(
4 | val numberText: String = "",
5 | val guessText: String? = "",
6 | val isGuessCorrect: Boolean = false
7 | )
8 |
--------------------------------------------------------------------------------
/app/src/main/java/com/example/samplecomposeapp/statemanagement/number_guess/NumberGuessAction.kt:
--------------------------------------------------------------------------------
1 | package com.example.samplecomposeapp.statemanagement.number_guess
2 |
3 | sealed interface NumberGuessAction {
4 | data object OnGuessClick: NumberGuessAction
5 | data class OnNumberTextChange(val newNumberText: String): NumberGuessAction
6 | data object OnStartNewGameButton: NumberGuessAction
7 | }
--------------------------------------------------------------------------------
/app/src/main/java/com/example/samplecomposeapp/ui/theme/Color.kt:
--------------------------------------------------------------------------------
1 | package com.example.samplecomposeapp.ui.theme
2 |
3 | import androidx.compose.ui.graphics.Color
4 |
5 | val Purple80 = Color(0xFFD0BCFF)
6 | val PurpleGrey80 = Color(0xFFCCC2DC)
7 | val Pink80 = Color(0xFFEFB8C8)
8 |
9 | val Purple40 = Color(0xFF6650a4)
10 | val PurpleGrey40 = Color(0xFF625b71)
11 | val Pink40 = Color(0xFF7D5260)
--------------------------------------------------------------------------------
/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/app/src/main/java/com/example/samplecomposeapp/statemanagement/todo_list_check/TodoListState.kt:
--------------------------------------------------------------------------------
1 | package com.example.samplecomposeapp.statemanagement.todo_list_check
2 |
3 | import java.util.UUID
4 |
5 | data class TodoListState (
6 | val id: String = UUID.randomUUID().toString(),
7 | val title: String ="",
8 | val description: String="",
9 | val isChecked: Boolean = false,
10 | val isDeleted: Boolean = false
11 | )
--------------------------------------------------------------------------------
/.idea/misc.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/app/src/main/res/values/colors.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 | #FFBB86FC
4 | #FF6200EE
5 | #FF3700B3
6 | #FF03DAC5
7 | #FF018786
8 | #FF000000
9 | #FFFFFFFF
10 |
--------------------------------------------------------------------------------
/fastlane/report.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/app/src/test/java/com/example/samplecomposeapp/ExampleUnitTest.kt:
--------------------------------------------------------------------------------
1 | package com.example.samplecomposeapp
2 |
3 | import org.junit.Assert.assertEquals
4 | import org.junit.Test
5 |
6 | /**
7 | * Example local unit test, which will execute on the development machine (host).
8 | *
9 | * See [testing documentation](http://d.android.com/tools/testing).
10 | */
11 | class ExampleUnitTest {
12 | @Test
13 | fun addition_isCorrect() {
14 | assertEquals(4, 2 + 2)
15 | }
16 | }
--------------------------------------------------------------------------------
/app/src/main/java/com/example/samplecomposeapp/statemanagement/todo_list_check/TodoListActions.kt:
--------------------------------------------------------------------------------
1 | package com.example.samplecomposeapp.statemanagement.todo_list_check
2 |
3 | import com.example.samplecomposeapp.statemanagement.number_guess.NumberGuessAction
4 |
5 | sealed interface TodoListActions {
6 | data class OnCheckedClick(val id: String): TodoListActions
7 | data class OnDeleteClick(val id: String): TodoListActions
8 | data class OnAddItemClicked(val title: String,val desc: String): TodoListActions
9 | }
--------------------------------------------------------------------------------
/app/src/main/res/xml/backup_rules.xml:
--------------------------------------------------------------------------------
1 |
8 |
9 |
13 |
--------------------------------------------------------------------------------
/app/src/main/java/com/example/samplecomposeapp/ConnectivityViewModel.kt:
--------------------------------------------------------------------------------
1 | package com.example.samplecomposeapp
2 |
3 | import androidx.lifecycle.ViewModel
4 | import androidx.lifecycle.viewModelScope
5 | import kotlinx.coroutines.flow.SharingStarted
6 | import kotlinx.coroutines.flow.stateIn
7 |
8 | class ConnectivityViewModel(private val connectivityObserver: ConnectivityObserver) : ViewModel() {
9 | private val _isConnected = connectivityObserver.isConnected
10 | .stateIn(viewModelScope, SharingStarted.WhileSubscribed(5000L), false)
11 | val isConnected = _isConnected
12 | }
--------------------------------------------------------------------------------
/settings.gradle.kts:
--------------------------------------------------------------------------------
1 | pluginManagement {
2 | repositories {
3 | google {
4 | content {
5 | includeGroupByRegex("com\\.android.*")
6 | includeGroupByRegex("com\\.google.*")
7 | includeGroupByRegex("androidx.*")
8 | }
9 | }
10 | mavenCentral()
11 | gradlePluginPortal()
12 | }
13 | }
14 | dependencyResolutionManagement {
15 | repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
16 | repositories {
17 | google()
18 | mavenCentral()
19 | }
20 | }
21 |
22 | rootProject.name = "SampleComposeApp"
23 | include(":app")
24 |
--------------------------------------------------------------------------------
/app/src/main/res/xml/data_extraction_rules.xml:
--------------------------------------------------------------------------------
1 |
6 |
7 |
8 |
12 |
13 |
19 |
--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/feature_request.md:
--------------------------------------------------------------------------------
1 | ---
2 | name: Feature request
3 | about: Suggest an idea for this project
4 | title: ''
5 | labels: ''
6 | assignees: ''
7 |
8 | ---
9 |
10 | **Is your feature request related to a problem? Please describe.**
11 | A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
12 |
13 | **Describe the solution you'd like**
14 | A clear and concise description of what you want to happen.
15 |
16 | **Describe alternatives you've considered**
17 | A clear and concise description of any alternative solutions or features you've considered.
18 |
19 | **Additional context**
20 | Add any other context or screenshots about the feature request here.
21 |
--------------------------------------------------------------------------------
/SECURITY.md:
--------------------------------------------------------------------------------
1 | # Security Policy
2 |
3 | ## Supported Versions
4 |
5 | Use this section to tell people about which versions of your project are
6 | currently being supported with security updates.
7 |
8 | | Version | Supported |
9 | | ------- | ------------------ |
10 | | 5.1.x | :white_check_mark: |
11 | | 5.0.x | :x: |
12 | | 4.0.x | :white_check_mark: |
13 | | < 4.0 | :x: |
14 |
15 | ## Reporting a Vulnerability
16 |
17 | Use this section to tell people how to report a vulnerability.
18 |
19 | Tell them where to go, how often they can expect to get an update on a
20 | reported vulnerability, what to expect if the vulnerability is accepted or
21 | declined, etc.
22 |
--------------------------------------------------------------------------------
/app/src/main/java/com/example/samplecomposeapp/ui_practice/navigation/navgraph/NavGraphScreen.kt:
--------------------------------------------------------------------------------
1 | package com.example.samplecomposeapp.ui_practice.navigation.navgraph
2 |
3 | import androidx.compose.runtime.Composable
4 | import androidx.navigation.NavHostController
5 | import androidx.navigation.compose.NavHost
6 | import com.example.samplecomposeapp.ui_practice.navigation.HOME_ROUTE
7 | import com.example.samplecomposeapp.ui_practice.navigation.ROOT_ROUTE
8 |
9 | @Composable
10 | fun SetupNavGraph(navController: NavHostController) {
11 | NavHost(
12 | navController = navController,
13 | startDestination = HOME_ROUTE,
14 | route = ROOT_ROUTE
15 | ) {
16 | homeNavGraph(navController)
17 | authNavGraph(navController)
18 | }
19 |
20 |
21 | }
--------------------------------------------------------------------------------
/.idea/gradle.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
19 |
20 |
--------------------------------------------------------------------------------
/app/proguard-rules.pro:
--------------------------------------------------------------------------------
1 | # Add project specific ProGuard rules here.
2 | # You can control the set of applied configuration files using the
3 | # proguardFiles setting in build.gradle.
4 | #
5 | # For more details, see
6 | # http://developer.android.com/guide/developing/tools/proguard.html
7 |
8 | # If your project uses WebView with JS, uncomment the following
9 | # and specify the fully qualified class name to the JavaScript interface
10 | # class:
11 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview {
12 | # public *;
13 | #}
14 |
15 | # Uncomment this to preserve the line number information for
16 | # debugging stack traces.
17 | #-keepattributes SourceFile,LineNumberTable
18 |
19 | # If you keep the line number information, uncomment this to
20 | # hide the original source file name.
21 | #-renamesourcefileattribute SourceFile
--------------------------------------------------------------------------------
/app/src/androidTest/java/com/example/samplecomposeapp/ExampleInstrumentedTest.kt:
--------------------------------------------------------------------------------
1 | package com.example.samplecomposeapp
2 |
3 | import androidx.test.ext.junit.runners.AndroidJUnit4
4 | import androidx.test.platform.app.InstrumentationRegistry
5 | import org.junit.Assert.assertEquals
6 | import org.junit.Test
7 | import org.junit.runner.RunWith
8 |
9 | /**
10 | * Instrumented test, which will execute on an Android device.
11 | *
12 | * See [testing documentation](http://d.android.com/tools/testing).
13 | */
14 | @RunWith(AndroidJUnit4::class)
15 | class ExampleInstrumentedTest {
16 | @Test
17 | fun useAppContext() {
18 | // Context of the app under test.
19 | val appContext = InstrumentationRegistry.getInstrumentation().targetContext
20 | assertEquals("com.example.samplecomposeapp", appContext.packageName)
21 | }
22 | }
--------------------------------------------------------------------------------
/CONTRIBUTING.md:
--------------------------------------------------------------------------------
1 | ## 🌱 **How to Contribute**
2 |
3 | Contributions are welcome! Follow these steps to make your contributions:
4 |
5 | 1. **Fork the Repository:**
6 | Click the **Fork** button on the top right of this repository.
7 |
8 | 2. **Create a New Branch:**
9 | ```bash
10 | git checkout -b feature-name
11 | ```
12 |
13 | 3. **Make Changes:**
14 | - Add a new Jetpack Compose component or improve existing ones.
15 | - Ensure your code follows Kotlin and Compose best practices.
16 |
17 | 4. **Commit and Push:**
18 | ```bash
19 | git add .
20 | git commit -m "Added new Compose component: XYZ"
21 | git push origin feature-name
22 | ```
23 |
24 | 5. **Create a Pull Request:**
25 | - Go to your forked repository on GitHub.
26 | - Click the **Compare & Pull Request** button and explain your changes.
27 |
28 | ---
29 |
--------------------------------------------------------------------------------
/fastlane/README.md:
--------------------------------------------------------------------------------
1 | fastlane documentation
2 | ----
3 |
4 | # Installation
5 |
6 | Make sure you have the latest version of the Xcode command line tools installed:
7 |
8 | ```sh
9 | xcode-select --install
10 | ```
11 |
12 | For _fastlane_ installation instructions, see [Installing _fastlane_](https://docs.fastlane.tools/#installing-fastlane)
13 |
14 | # Available Actions
15 |
16 | ## Android
17 |
18 | ### android release
19 |
20 | ```sh
21 | [bundle exec] fastlane android release
22 | ```
23 |
24 | Build and upload APK to Firebase App Distribution
25 |
26 | ----
27 |
28 | This README.md is auto-generated and will be re-generated every time [_fastlane_](https://fastlane.tools) is run.
29 |
30 | More information about _fastlane_ can be found on [fastlane.tools](https://fastlane.tools).
31 |
32 | The documentation of _fastlane_ can be found on [docs.fastlane.tools](https://docs.fastlane.tools).
33 |
--------------------------------------------------------------------------------
/app/src/main/java/com/example/samplecomposeapp/ui_practice/navigation/Screen.kt:
--------------------------------------------------------------------------------
1 | package com.example.samplecomposeapp.ui_practice.navigation
2 |
3 | const val DETAIL_ARGUMENT_KEY = "id"
4 | const val DETAIL_ARGUMENT_KEY2 = "name"
5 | const val AUTHENTICATION_ROUTE = "authentication"
6 | const val ROOT_ROUTE = "root"
7 | const val HOME_ROUTE = "home"
8 |
9 | sealed class Screen(val route: String){
10 | object Home: Screen(route = "home_screen")
11 | object Detail: Screen(route = "detail_screen/{$DETAIL_ARGUMENT_KEY}/{$DETAIL_ARGUMENT_KEY2}"){
12 | fun passId(id: Int): String{
13 | return this.route.replace(oldValue = "{$DETAIL_ARGUMENT_KEY}", newValue = id.toString())
14 | }
15 | fun passIdAndName(id: Int, name:String): String{
16 | return "detail_screen/$id/$name"
17 | }
18 | }
19 |
20 | object Login: Screen(route = "login_screen")
21 | object SignUp: Screen(route = "signup_screen")
22 |
23 | }
--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/bug_report.md:
--------------------------------------------------------------------------------
1 | ---
2 | name: Bug report
3 | about: Create a report to help us improve
4 | title: ''
5 | labels: ''
6 | assignees: ''
7 |
8 | ---
9 |
10 | **Describe the bug**
11 | A clear and concise description of what the bug is.
12 |
13 | **To Reproduce**
14 | Steps to reproduce the behavior:
15 | 1. Go to '...'
16 | 2. Click on '....'
17 | 3. Scroll down to '....'
18 | 4. See error
19 |
20 | **Expected behavior**
21 | A clear and concise description of what you expected to happen.
22 |
23 | **Screenshots**
24 | If applicable, add screenshots to help explain your problem.
25 |
26 | **Desktop (please complete the following information):**
27 | - OS: [e.g. iOS]
28 | - Browser [e.g. chrome, safari]
29 | - Version [e.g. 22]
30 |
31 | **Smartphone (please complete the following information):**
32 | - Device: [e.g. iPhone6]
33 | - OS: [e.g. iOS8.1]
34 | - Browser [e.g. stock browser, safari]
35 | - Version [e.g. 22]
36 |
37 | **Additional context**
38 | Add any other context about the problem here.
39 |
--------------------------------------------------------------------------------
/.idea/runConfigurations.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
16 |
17 |
--------------------------------------------------------------------------------
/app/src/main/java/com/example/samplecomposeapp/ui_practice/navigation/navgraph/AuthNavGraph.kt:
--------------------------------------------------------------------------------
1 | package com.example.samplecomposeapp.ui_practice.navigation.navgraph
2 |
3 | import androidx.navigation.NavGraphBuilder
4 | import androidx.navigation.NavHostController
5 | import androidx.navigation.compose.composable
6 | import androidx.navigation.navigation
7 | import com.example.samplecomposeapp.ui_practice.navigation.AUTHENTICATION_ROUTE
8 | import com.example.samplecomposeapp.ui_practice.navigation.Screen
9 | import com.example.samplecomposeapp.ui_practice.navigation.screens.LoginScreen
10 | import com.example.samplecomposeapp.ui_practice.navigation.screens.SignUpScreen
11 |
12 |
13 | // Auth Navigation Graph...//
14 | fun NavGraphBuilder.authNavGraph(navController: NavHostController){
15 | navigation(
16 | startDestination = Screen.Login.route,
17 | route = AUTHENTICATION_ROUTE
18 | ){
19 | composable(
20 | route = Screen.Login.route
21 | ) {
22 | LoginScreen(navController)
23 | }
24 |
25 | composable(
26 | route = Screen.SignUp.route
27 | ) {
28 | SignUpScreen(navController)
29 | }
30 | }
31 | }
--------------------------------------------------------------------------------
/app/src/main/java/com/example/samplecomposeapp/ui_practice/navigation/screens/SignUpScreen.kt:
--------------------------------------------------------------------------------
1 | package com.example.samplecomposeapp.ui_practice.navigation.screens
2 |
3 | import androidx.compose.foundation.clickable
4 | import androidx.compose.foundation.layout.Box
5 | import androidx.compose.foundation.layout.fillMaxSize
6 | import androidx.compose.material3.MaterialTheme
7 | import androidx.compose.material3.Text
8 | import androidx.compose.runtime.Composable
9 | import androidx.compose.ui.Alignment
10 | import androidx.compose.ui.Modifier
11 | import androidx.compose.ui.text.font.FontWeight
12 | import androidx.navigation.NavController
13 |
14 | @Composable
15 | fun SignUpScreen(navController: NavController) {
16 |
17 | Box(
18 | modifier = Modifier.fillMaxSize(),
19 | contentAlignment = Alignment.Center
20 | ){
21 | Text(
22 | modifier = Modifier.clickable {
23 | navController.popBackStack()
24 | },
25 | text = "SignUp Screen",
26 | color = MaterialTheme.colorScheme.primary,
27 | fontSize = MaterialTheme.typography.headlineLarge.fontSize,
28 | fontWeight = FontWeight.Bold
29 | )
30 | }
31 |
32 | }
--------------------------------------------------------------------------------
/app/src/main/java/com/example/samplecomposeapp/ui_practice/list/ToolsView.kt:
--------------------------------------------------------------------------------
1 | package com.example.samplecomposeapp.ui_practice.list
2 |
3 | import android.content.res.Configuration
4 | import androidx.compose.foundation.layout.Column
5 | import androidx.compose.foundation.layout.padding
6 | import androidx.compose.material3.MaterialTheme
7 | import androidx.compose.material3.Scaffold
8 | import androidx.compose.runtime.Composable
9 | import androidx.compose.ui.Modifier
10 | import androidx.compose.ui.tooling.preview.Preview
11 | import com.example.samplecomposeapp.ui.theme.SampleComposeAppTheme
12 |
13 | @Composable
14 | fun ToolsView(modifier: Modifier = Modifier,
15 | state: ToolsViewState){
16 | Scaffold(modifier= modifier ,
17 | contentColor = MaterialTheme.colorScheme.primary) {
18 | paddingValues ->
19 | Column(modifier = Modifier.padding(paddingValues)){
20 |
21 | }
22 | }
23 |
24 |
25 | }
26 |
27 |
28 | @Preview("Light")
29 | @Preview("Dark", uiMode = Configuration.UI_MODE_NIGHT_YES)
30 | @Composable
31 | private fun PreViewTools(){
32 | SampleComposeAppTheme {
33 | ToolsView(state = ToolsViewState())
34 | }
35 | }
--------------------------------------------------------------------------------
/app/src/main/java/com/example/samplecomposeapp/ui_practice/list/repository/PersonRepository.kt:
--------------------------------------------------------------------------------
1 | package com.example.samplecomposeapp.ui_practice.list.repository
2 |
3 |
4 | import com.example.samplecomposeapp.ui_practice.list.model.Person
5 |
6 | class PersonRepository {
7 |
8 | fun getAllData():List{
9 | return listOf(
10 | Person(id = 0,
11 | firstName = "John",
12 | lastName = "Doe",
13 | age = 21),
14 |
15 | Person(id = 1,
16 | firstName = "Mrunal",
17 | lastName = "Haris",
18 | age = 23),
19 | Person(id = 2,
20 | firstName = "Hyshal",
21 | lastName = "Doe",
22 | age = 30),
23 | Person(id = 3,
24 | firstName = "Ahmed",
25 | lastName = "John",
26 | age = 29),
27 | Person(id = 4,
28 | firstName = "Michal",
29 | lastName = "Doe",
30 | age = 31),
31 | Person(id = 5,
32 | firstName = "Maria",
33 | lastName = "Doe",
34 | age = 34)
35 | )
36 | }
37 | }
--------------------------------------------------------------------------------
/app/src/main/AndroidManifest.xml:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
6 |
7 |
8 |
9 |
20 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
--------------------------------------------------------------------------------
/app/src/main/java/com/example/samplecomposeapp/ui/theme/Type.kt:
--------------------------------------------------------------------------------
1 | package com.example.samplecomposeapp.ui.theme
2 |
3 | import androidx.compose.material3.Typography
4 | import androidx.compose.ui.text.TextStyle
5 | import androidx.compose.ui.text.font.FontFamily
6 | import androidx.compose.ui.text.font.FontWeight
7 | import androidx.compose.ui.unit.sp
8 |
9 | // Set of Material typography styles to start with
10 | val Typography = Typography(
11 | bodyLarge = TextStyle(
12 | fontFamily = FontFamily.Default,
13 | fontWeight = FontWeight.Normal,
14 | fontSize = 16.sp,
15 | lineHeight = 24.sp,
16 | letterSpacing = 0.5.sp
17 | ),
18 | headlineMedium = TextStyle(
19 | fontFamily = FontFamily.Default,
20 | fontWeight = FontWeight.ExtraBold,
21 | fontSize = 34.sp
22 | )
23 | /* Other default text styles to override
24 | titleLarge = TextStyle(
25 | fontFamily = FontFamily.Default,
26 | fontWeight = FontWeight.Normal,
27 | fontSize = 22.sp,
28 | lineHeight = 28.sp,
29 | letterSpacing = 0.sp
30 | ),
31 | labelSmall = TextStyle(
32 | fontFamily = FontFamily.Default,
33 | fontWeight = FontWeight.Medium,
34 | fontSize = 11.sp,
35 | lineHeight = 16.sp,
36 | letterSpacing = 0.5.sp
37 | )
38 | */
39 | )
--------------------------------------------------------------------------------
/app/src/main/java/com/example/samplecomposeapp/modifiers/OffsetModifierPractice.kt:
--------------------------------------------------------------------------------
1 | package com.example.samplecomposeapp.modifiers
2 |
3 | import androidx.compose.foundation.background
4 | import androidx.compose.foundation.layout.Column
5 | import androidx.compose.foundation.layout.offset
6 | import androidx.compose.foundation.layout.size
7 | import androidx.compose.material3.Text
8 | import androidx.compose.runtime.Composable
9 | import androidx.compose.ui.Modifier
10 | import androidx.compose.ui.graphics.Color
11 | import androidx.compose.ui.tooling.preview.Preview
12 | import androidx.compose.ui.unit.dp
13 | import com.example.samplecomposeapp.ui.theme.SampleComposeAppTheme
14 |
15 | @Composable
16 | fun OffsetModifierPractice(modifier: Modifier = Modifier) {
17 | Column (
18 | modifier = Modifier.size(200.dp)
19 | .background(Color.Red)
20 | .offset(
21 | x = 50.dp,
22 | y = 20.dp
23 | )
24 | ){
25 |
26 | Text(text ="Testing Text",
27 | modifier = modifier
28 | .background(Color.Blue)
29 | .offset(x = 10.dp,
30 | y = 2.dp)
31 | )
32 |
33 | Text(text ="Testing Text2",
34 | modifier = modifier.background(Color.Yellow)
35 | )
36 | }
37 | }
38 |
39 | @Preview
40 | @Composable
41 | private fun OffsetModifierPracticePrev() {
42 | SampleComposeAppTheme {
43 | OffsetModifierPractice()
44 | }
45 | }
--------------------------------------------------------------------------------
/app/src/main/java/com/example/samplecomposeapp/ui_practice/navigation/screens/DetailScreen.kt:
--------------------------------------------------------------------------------
1 | package com.example.samplecomposeapp.ui_practice.navigation.screens
2 |
3 | import androidx.compose.foundation.clickable
4 | import androidx.compose.foundation.layout.Box
5 | import androidx.compose.foundation.layout.fillMaxSize
6 | import androidx.compose.material3.MaterialTheme
7 | import androidx.compose.material3.Text
8 | import androidx.compose.runtime.Composable
9 | import androidx.compose.ui.Alignment
10 | import androidx.compose.ui.Modifier
11 | import androidx.compose.ui.text.font.FontWeight
12 | import androidx.compose.ui.tooling.preview.Preview
13 | import androidx.navigation.NavController
14 | import androidx.navigation.compose.rememberNavController
15 |
16 | @Composable
17 | fun DetailScreen(navController: NavController) {
18 | Box(
19 | modifier = Modifier.fillMaxSize(),
20 | contentAlignment = Alignment.Center
21 | ){
22 | Text(
23 | modifier = Modifier.clickable {
24 | navController.popBackStack()
25 | },
26 | text = "Detail",
27 | color = MaterialTheme.colorScheme.secondary,
28 | fontSize = MaterialTheme.typography.headlineLarge.fontSize,
29 | fontWeight = FontWeight.Bold
30 | )
31 | }
32 | }
33 |
34 |
35 | @Preview(showBackground = true)
36 | @Composable
37 | private fun HomeScreenPreview() {
38 | DetailScreen(rememberNavController())
39 | }
--------------------------------------------------------------------------------
/gradle.properties:
--------------------------------------------------------------------------------
1 | # Project-wide Gradle settings.
2 | # IDE (e.g. Android Studio) users:
3 | # Gradle settings configured through the IDE *will override*
4 | # any settings specified in this file.
5 | # For more details on how to configure your build environment visit
6 | # http://www.gradle.org/docs/current/userguide/build_environment.html
7 | # Specifies the JVM arguments used for the daemon process.
8 | # The setting is particularly useful for tweaking memory settings.
9 | org.gradle.jvmargs=-Xmx2048m -Dfile.encoding=UTF-8
10 | # When configured, Gradle will run in incubating parallel mode.
11 | # This option should only be used with decoupled projects. For more details, visit
12 | # https://developer.android.com/r/tools/gradle-multi-project-decoupled-projects
13 | # org.gradle.parallel=true
14 | # AndroidX package structure to make it clearer which packages are bundled with the
15 | # Android operating system, and which are packaged with your app's APK
16 | # https://developer.android.com/topic/libraries/support-library/androidx-rn
17 | android.useAndroidX=true
18 | # Kotlin code style for this project: "official" or "obsolete":
19 | kotlin.code.style=official
20 | # Enables namespacing of each library's R class so that its R class includes only the
21 | # resources declared in the library itself and none from the library's dependencies,
22 | # thereby reducing the size of the R class for that library
23 | android.nonTransitiveRClass=true
--------------------------------------------------------------------------------
/fastlane/Fastfile:
--------------------------------------------------------------------------------
1 | # This file contains the fastlane.tools configuration
2 | # You can find the documentation at https://docs.fastlane.tools
3 | #
4 | # For a list of all available actions, check out
5 | #
6 | # https://docs.fastlane.tools/actions
7 | #
8 | # For a list of all available plugins, check out
9 | #
10 | # https://docs.fastlane.tools/plugins/available-plugins
11 | #
12 |
13 | # Uncomment the line if you want fastlane to automatically update itself
14 | # update_fastlane
15 |
16 | default_platform(:android)
17 |
18 | platform :android do
19 | desc "Build and upload APK to Firebase App Distribution"
20 | lane :release do
21 | # Build APK (optional, if you haven't already built it)
22 | gradle(
23 | task: "assemble",
24 | build_type: "Release"
25 | )
26 |
27 | # Upload the APK to Firebase App Distribution
28 | release = firebase_app_distribution(
29 | app: "1:770513751971:android:629b84357dbb33ac069416", # Your Firebase app ID
30 | firebase_cli_token: "your_firebase_cli_token", # Your Firebase CLI token
31 | service_credentials_file: "/Users/sardarkhan/Downloads",
32 | groups: "tester", # The group(s) of testers you want to distribute to
33 | apk_path: "./app/build/outputs/apk/release/app-release.apk", # Path to the APK
34 | release_notes: "This is a release note for the new build." # Release notes (optional)
35 | )
36 | end
37 | end
--------------------------------------------------------------------------------
/.idea/deploymentTargetSelector.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
--------------------------------------------------------------------------------
/app/src/main/res/drawable/wi_fi_icon.xml:
--------------------------------------------------------------------------------
1 |
6 |
9 |
12 |
15 |
18 |
19 |
--------------------------------------------------------------------------------
/app/src/main/java/com/example/samplecomposeapp/ui_practice/textview/BoxComposable.kt:
--------------------------------------------------------------------------------
1 | package com.example.samplecomposeapp.ui_practice.textview
2 |
3 | import androidx.compose.foundation.background
4 | import androidx.compose.foundation.layout.Box
5 | import androidx.compose.foundation.layout.fillMaxSize
6 | import androidx.compose.foundation.layout.height
7 | import androidx.compose.foundation.layout.padding
8 | import androidx.compose.foundation.layout.width
9 | import androidx.compose.foundation.rememberScrollState
10 | import androidx.compose.foundation.verticalScroll
11 | import androidx.compose.material3.Text
12 | import androidx.compose.runtime.Composable
13 | import androidx.compose.ui.Alignment
14 | import androidx.compose.ui.Modifier
15 | import androidx.compose.ui.graphics.Color
16 | import androidx.compose.ui.unit.dp
17 | import androidx.compose.ui.unit.sp
18 |
19 | @Composable
20 | fun BoxPractice() {
21 | Box(
22 | modifier = Modifier.fillMaxSize(),
23 | contentAlignment = Alignment.TopCenter
24 | ) {
25 | Box(
26 | modifier = Modifier
27 | .background(Color.Blue)
28 | .padding(12.dp)
29 | .verticalScroll(rememberScrollState()),
30 | contentAlignment = Alignment.Center
31 | ) {
32 | Box(
33 | modifier = Modifier
34 | .background(Color.Red)
35 | .width(40.dp)
36 | .height(40.dp)
37 | )
38 | Text(text = "I love Android", fontSize = 45.sp)
39 | }
40 | }
41 | }
--------------------------------------------------------------------------------
/app/src/main/java/com/example/samplecomposeapp/modifiers/ModifierPractice.kt:
--------------------------------------------------------------------------------
1 | package com.example.samplecomposeapp.modifiers
2 |
3 | import androidx.compose.foundation.background
4 | import androidx.compose.foundation.layout.Box
5 | import androidx.compose.foundation.layout.padding
6 | import androidx.compose.foundation.layout.size
7 | import androidx.compose.foundation.shape.CircleShape
8 | import androidx.compose.material3.Text
9 | import androidx.compose.runtime.Composable
10 | import androidx.compose.ui.Alignment
11 | import androidx.compose.ui.Modifier
12 | import androidx.compose.ui.draw.clip
13 | import androidx.compose.ui.graphics.Color
14 | import androidx.compose.ui.tooling.preview.Preview
15 | import androidx.compose.ui.unit.dp
16 | import com.example.samplecomposeapp.statemanagement.todo_list_check.TodoListScreen
17 | import com.example.samplecomposeapp.statemanagement.todo_list_check.TodoListState
18 | import com.example.samplecomposeapp.ui.theme.SampleComposeAppTheme
19 |
20 | @Composable
21 | fun ModifierPractice(modifier: Modifier = Modifier) {
22 | Box(
23 | modifier = Modifier
24 | .size(100.dp)
25 | .background(Color.Yellow)
26 | .clip(CircleShape)
27 | .background(Color.Red)
28 | .padding(8.dp)
29 | .clip(CircleShape)
30 | .background(Color.Blue)
31 | , contentAlignment = Alignment.Center
32 | ) {
33 | Text(
34 | text = "Hello World."
35 | )
36 | }
37 | }
38 |
39 |
40 | @Preview(showBackground = true)
41 | @Composable
42 | private fun ModifierPracticePrev() {
43 | SampleComposeAppTheme {
44 | ModifierPractice()
45 | }
46 | }
--------------------------------------------------------------------------------
/app/src/main/java/com/example/samplecomposeapp/CoilImageLoading.kt:
--------------------------------------------------------------------------------
1 | package com.example.samplecomposeapp
2 |
3 | import androidx.compose.foundation.layout.Box
4 | import androidx.compose.foundation.layout.height
5 | import androidx.compose.foundation.layout.width
6 | import androidx.compose.foundation.shape.CircleShape
7 | import androidx.compose.runtime.Composable
8 | import androidx.compose.ui.Alignment
9 | import androidx.compose.ui.Modifier
10 | import androidx.compose.ui.draw.clip
11 | import androidx.compose.ui.layout.ContentScale
12 | import androidx.compose.ui.platform.LocalContext
13 | import androidx.compose.ui.tooling.preview.Preview
14 | import androidx.compose.ui.unit.dp
15 | import coil3.compose.AsyncImage
16 | import coil3.request.ImageRequest
17 | import coil3.request.crossfade
18 | import coil3.request.transformations
19 | import coil3.transform.RoundedCornersTransformation
20 |
21 |
22 | @Composable
23 | fun CoilImageLoading() {
24 | Box(
25 | modifier = Modifier
26 | .height(150.dp)
27 | .width(150.dp),
28 | contentAlignment = Alignment.Center
29 | ) {
30 | AsyncImage(
31 | model = ImageRequest.Builder(context = LocalContext.current)
32 | .data("https://avatars.githubusercontent.com/u/14994036?v=4")
33 | .crossfade(true)
34 | .transformations(
35 | RoundedCornersTransformation(50f)
36 | )
37 | .build(),
38 | contentDescription = "Profile Image",
39 | contentScale = ContentScale.Crop,
40 | modifier = Modifier.clip(CircleShape)
41 | )
42 | }
43 | }
44 |
45 | @Composable
46 | @Preview
47 | fun CoilImageLoadingPreview() {
48 | CoilImageLoading()
49 | }
--------------------------------------------------------------------------------
/app/src/main/java/com/example/samplecomposeapp/ui_practice/imageview/ImageViewPractice.kt:
--------------------------------------------------------------------------------
1 | package com.example.samplecomposeapp.ui_practice.imageview
2 |
3 | import androidx.compose.foundation.Image
4 | import androidx.compose.foundation.background
5 | import androidx.compose.foundation.layout.Box
6 | import androidx.compose.foundation.layout.fillMaxSize
7 | import androidx.compose.foundation.layout.size
8 | import androidx.compose.material.icons.Icons
9 | import androidx.compose.material.icons.filled.Add
10 | import androidx.compose.material3.Icon
11 | import androidx.compose.runtime.Composable
12 | import androidx.compose.ui.Alignment
13 | import androidx.compose.ui.Modifier
14 | import androidx.compose.ui.graphics.Color
15 | import androidx.compose.ui.res.painterResource
16 | import androidx.compose.ui.tooling.preview.Preview
17 | import androidx.compose.ui.unit.dp
18 | import com.example.samplecomposeapp.R
19 | import com.example.samplecomposeapp.ui.theme.SampleComposeAppTheme
20 |
21 |
22 | @Composable
23 | fun ImageViewPractice() {
24 | Box(modifier = Modifier
25 | .size(200.dp)
26 | .background(Color.Green)
27 | ) {
28 | Image(
29 | painter = painterResource(R.drawable.ic_launcher_foreground),
30 | contentDescription = null,
31 | modifier = Modifier
32 | .size(60.dp)
33 | .background(Color.Black)
34 | .align(Alignment.TopEnd)
35 | )
36 | Icon(
37 | imageVector = Icons.Default.Add,
38 | contentDescription = null,
39 | modifier = Modifier
40 | .align(Alignment.BottomStart)
41 | .background(Color.Red)
42 | )
43 | }
44 | }
45 |
46 | @Preview(showBackground = true)
47 | @Composable
48 | fun DefaultPreview(){
49 | SampleComposeAppTheme {
50 | ImageViewPractice()
51 | }
52 | }
--------------------------------------------------------------------------------
/app/src/main/java/com/example/samplecomposeapp/ui_practice/navigation/navgraph/HomeNavGraph.kt:
--------------------------------------------------------------------------------
1 | package com.example.samplecomposeapp.ui_practice.navigation.navgraph
2 |
3 | import android.util.Log
4 | import androidx.navigation.NavGraphBuilder
5 | import androidx.navigation.NavHostController
6 | import androidx.navigation.NavType
7 | import androidx.navigation.compose.composable
8 | import androidx.navigation.navArgument
9 | import androidx.navigation.navigation
10 | import com.example.samplecomposeapp.ui_practice.navigation.DETAIL_ARGUMENT_KEY
11 | import com.example.samplecomposeapp.ui_practice.navigation.DETAIL_ARGUMENT_KEY2
12 | import com.example.samplecomposeapp.ui_practice.navigation.HOME_ROUTE
13 | import com.example.samplecomposeapp.ui_practice.navigation.Screen
14 | import com.example.samplecomposeapp.ui_practice.navigation.screens.DetailScreen
15 | import com.example.samplecomposeapp.ui_practice.navigation.screens.HomeScreen
16 |
17 | fun NavGraphBuilder.homeNavGraph(navController: NavHostController){
18 | // Home Navigation Graph...//
19 | navigation(
20 | startDestination = Screen.Home.route,
21 | route = HOME_ROUTE
22 | ) {
23 | composable(
24 | route = Screen.Home.route
25 | ) {
26 | HomeScreen(navController)
27 | }
28 |
29 | composable(
30 | route = Screen.Detail.route,
31 | arguments = listOf(
32 | navArgument(DETAIL_ARGUMENT_KEY){
33 | type = NavType.IntType
34 | },
35 | navArgument(DETAIL_ARGUMENT_KEY2){
36 | type = NavType.StringType
37 | }
38 | )
39 | ) {
40 | Log.d("navgraph", "Args id :${it.arguments?.getInt(DETAIL_ARGUMENT_KEY).toString()} ")
41 | Log.d("navgraph", "Args Name:${it.arguments?.getString(DETAIL_ARGUMENT_KEY2)} ")
42 | DetailScreen(navController)
43 | }
44 | }
45 |
46 | }
--------------------------------------------------------------------------------
/app/src/main/res/drawable/ic_launcher_foreground.xml:
--------------------------------------------------------------------------------
1 |
7 |
8 |
9 |
15 |