├── .gitignore ├── .idea ├── .gitignore ├── .name ├── codeStyles │ ├── Project.xml │ └── codeStyleConfig.xml ├── compiler.xml ├── deploymentTargetDropDown.xml ├── gradle.xml ├── inspectionProfiles │ └── Project_Default.xml └── misc.xml ├── LICENSE ├── README.md ├── app ├── .gitignore ├── build.gradle ├── proguard-rules.pro └── src │ ├── androidTest │ └── java │ │ └── com │ │ └── hoc081098 │ │ └── composepagination │ │ └── ExampleInstrumentedTest.kt │ ├── main │ ├── AndroidManifest.xml │ ├── java │ │ └── com │ │ │ └── hoc081098 │ │ │ └── composepagination │ │ │ ├── Data.kt │ │ │ ├── MainActivity.kt │ │ │ ├── MainVM.kt │ │ │ └── ui │ │ │ └── theme │ │ │ ├── Color.kt │ │ │ ├── Shape.kt │ │ │ ├── Theme.kt │ │ │ └── Type.kt │ └── res │ │ ├── drawable-v24 │ │ └── ic_launcher_foreground.xml │ │ ├── drawable │ │ └── ic_launcher_background.xml │ │ ├── mipmap-anydpi-v26 │ │ ├── ic_launcher.xml │ │ └── ic_launcher_round.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 │ │ ├── values-night │ │ └── themes.xml │ │ └── values │ │ ├── colors.xml │ │ ├── strings.xml │ │ └── themes.xml │ └── test │ └── java │ └── com │ └── hoc081098 │ └── composepagination │ └── ExampleUnitTest.kt ├── build.gradle ├── gradle.properties ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat ├── screen_01.jpg ├── screen_02.jpg ├── screen_03.jpg └── settings.gradle /.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/.gitignore: -------------------------------------------------------------------------------- 1 | # Default ignored files 2 | /shelf/ 3 | /workspace.xml 4 | -------------------------------------------------------------------------------- /.idea/.name: -------------------------------------------------------------------------------- 1 | Compose Pagination -------------------------------------------------------------------------------- /.idea/codeStyles/Project.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 8 | 9 | 10 | 14 | 15 | 16 | 128 | 129 | 136 | 137 | -------------------------------------------------------------------------------- /.idea/codeStyles/codeStyleConfig.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | -------------------------------------------------------------------------------- /.idea/compiler.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /.idea/deploymentTargetDropDown.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /.idea/gradle.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 19 | 20 | -------------------------------------------------------------------------------- /.idea/inspectionProfiles/Project_Default.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 20 | -------------------------------------------------------------------------------- /.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 10 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021 Kotlin Android Open Source - Petrus Nguyễn Thái Học 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Jetpack-Compose-Pagination 2 | - Jetpack Compose Pagination. 3 | - List pagination with Jetpack Compose 4 | - LazyColumn load more. 5 | - LazyColumn pagination. 6 | 7 | | Loading first page | First page | Loading next page | 8 | | --------------- | ---------------- | ------------ | 9 | | | | | 10 | -------------------------------------------------------------------------------- /app/.gitignore: -------------------------------------------------------------------------------- 1 | /build -------------------------------------------------------------------------------- /app/build.gradle: -------------------------------------------------------------------------------- 1 | plugins { 2 | id 'com.android.application' 3 | id 'kotlin-android' 4 | } 5 | 6 | android { 7 | compileSdkVersion 30 8 | buildToolsVersion "30.0.3" 9 | 10 | defaultConfig { 11 | applicationId "com.hoc081098.composepagination" 12 | minSdkVersion 23 13 | targetSdkVersion 30 14 | versionCode 1 15 | versionName "1.0" 16 | 17 | testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner" 18 | } 19 | 20 | buildTypes { 21 | release { 22 | minifyEnabled false 23 | proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro' 24 | } 25 | } 26 | compileOptions { 27 | sourceCompatibility JavaVersion.VERSION_1_8 28 | targetCompatibility JavaVersion.VERSION_1_8 29 | } 30 | kotlinOptions { 31 | jvmTarget = '1.8' 32 | useIR = true 33 | } 34 | buildFeatures { 35 | compose true 36 | } 37 | composeOptions { 38 | kotlinCompilerExtensionVersion compose_version 39 | } 40 | } 41 | 42 | dependencies { 43 | implementation 'androidx.core:core-ktx:1.3.2' 44 | implementation 'androidx.appcompat:appcompat:1.2.0' 45 | implementation 'com.google.android.material:material:1.3.0' 46 | 47 | implementation "androidx.compose.ui:ui:$compose_version" 48 | implementation "androidx.compose.ui:ui-tooling:$compose_version" 49 | implementation "androidx.compose.material:material:$compose_version" 50 | implementation 'androidx.lifecycle:lifecycle-viewmodel-compose:1.0.0-alpha02' // viewModel() 51 | implementation 'androidx.activity:activity-compose:1.3.0-alpha03' // setContent() 52 | 53 | testImplementation 'junit:junit:4.+' 54 | androidTestImplementation 'androidx.test.ext:junit:1.1.2' 55 | androidTestImplementation 'androidx.test.espresso:espresso-core:3.3.0' 56 | } -------------------------------------------------------------------------------- /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/hoc081098/composepagination/ExampleInstrumentedTest.kt: -------------------------------------------------------------------------------- 1 | package com.hoc081098.composepagination 2 | 3 | import androidx.test.platform.app.InstrumentationRegistry 4 | import androidx.test.ext.junit.runners.AndroidJUnit4 5 | 6 | import org.junit.Test 7 | import org.junit.runner.RunWith 8 | 9 | import org.junit.Assert.* 10 | 11 | /** 12 | * Instrumented test, which will execute on an Android device. 13 | * 14 | * See [testing documentation](http://d.android.com/tools/testing). 15 | */ 16 | @RunWith(AndroidJUnit4::class) 17 | class ExampleInstrumentedTest { 18 | @Test 19 | fun useAppContext() { 20 | // Context of the app under test. 21 | val appContext = InstrumentationRegistry.getInstrumentation().targetContext 22 | assertEquals("com.hoc081098.composepagination", appContext.packageName) 23 | } 24 | } -------------------------------------------------------------------------------- /app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 12 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /app/src/main/java/com/hoc081098/composepagination/Data.kt: -------------------------------------------------------------------------------- 1 | package com.hoc081098.composepagination 2 | 3 | import android.util.Log 4 | import kotlinx.coroutines.Dispatchers 5 | import kotlinx.coroutines.delay 6 | import kotlinx.coroutines.withContext 7 | import kotlin.random.Random 8 | 9 | //region Models 10 | data class User( 11 | val uid: Int, 12 | val name: String, 13 | val email: String 14 | ) 15 | 16 | object ApiError : Throwable(message = "Api error") 17 | //endregion 18 | 19 | //region Fake api calling 20 | suspend fun getUsers(start: Int, limit: Int): List { 21 | return withContext(Dispatchers.IO) { 22 | Log.d("###", "getUsers { start: $start, limit: $limit }") 23 | delay(3_000L) 24 | 25 | val page = start / limit 26 | 27 | // throws at page 2 28 | if (page == 2 && Random.nextBoolean()) { 29 | throw ApiError 30 | } 31 | 32 | // throws at page 0 33 | if (page == 0 && Random.nextBoolean()) { 34 | throw ApiError 35 | } 36 | 37 | // returns empty list at page 4 38 | if (page == 4) { 39 | Log.d("###", "Load done") 40 | emptyList() 41 | } else { 42 | List(limit) { 43 | User( 44 | uid = start + it, 45 | name = "Name ${start + it}", 46 | email = "email${start + it}@gmail.com", 47 | ) 48 | } 49 | } 50 | } 51 | } 52 | //endregion -------------------------------------------------------------------------------- /app/src/main/java/com/hoc081098/composepagination/MainActivity.kt: -------------------------------------------------------------------------------- 1 | package com.hoc081098.composepagination 2 | 3 | import android.os.Bundle 4 | import android.util.Log 5 | import androidx.activity.compose.setContent 6 | import androidx.appcompat.app.AppCompatActivity 7 | import androidx.compose.foundation.layout.Arrangement 8 | import androidx.compose.foundation.layout.Column 9 | import androidx.compose.foundation.layout.PaddingValues 10 | import androidx.compose.foundation.layout.Spacer 11 | import androidx.compose.foundation.layout.fillMaxHeight 12 | import androidx.compose.foundation.layout.fillMaxSize 13 | import androidx.compose.foundation.layout.height 14 | import androidx.compose.foundation.layout.requiredHeight 15 | import androidx.compose.foundation.lazy.LazyColumn 16 | import androidx.compose.material.Button 17 | import androidx.compose.material.CircularProgressIndicator 18 | import androidx.compose.material.MaterialTheme 19 | import androidx.compose.material.Scaffold 20 | import androidx.compose.material.Surface 21 | import androidx.compose.material.Text 22 | import androidx.compose.material.TopAppBar 23 | import androidx.compose.runtime.Composable 24 | import androidx.compose.runtime.SideEffect 25 | import androidx.compose.runtime.collectAsState 26 | import androidx.compose.runtime.getValue 27 | import androidx.compose.ui.Alignment 28 | import androidx.compose.ui.Modifier 29 | import androidx.compose.ui.text.style.TextOverflow 30 | import androidx.compose.ui.tooling.preview.Preview 31 | import androidx.compose.ui.unit.dp 32 | import androidx.lifecycle.viewmodel.compose.viewModel 33 | import com.hoc081098.composepagination.ui.theme.ComposePaginationTheme 34 | import java.io.IOException 35 | 36 | class MainActivity : AppCompatActivity() { 37 | override fun onCreate(savedInstanceState: Bundle?) { 38 | super.onCreate(savedInstanceState) 39 | 40 | setContent { 41 | ComposePaginationTheme { 42 | // A surface container using the 'background' color from the theme 43 | Surface(color = MaterialTheme.colors.background) { 44 | Scaffold( 45 | topBar = { 46 | TopAppBar( 47 | title = { 48 | Text(text = "Jetpack Compose Pagination") 49 | } 50 | ) 51 | } 52 | ) { 53 | MainScreen() 54 | } 55 | } 56 | } 57 | } 58 | } 59 | } 60 | 61 | 62 | // TODO: Add refreshing 63 | @Composable 64 | fun MainScreen() { 65 | val vm = viewModel(factory = MainVM.Factory()) 66 | 67 | when (val firstPageState = vm.firstPageStateFlow.collectAsState().value) { 68 | PlaceholderState.Loading -> ItemLoading( 69 | modifier = Modifier.fillMaxSize(), 70 | ) 71 | is PlaceholderState.Failure -> FailureItem( 72 | throwable = firstPageState.throwable, 73 | onRetry = vm::retry, 74 | modifier = Modifier.fillMaxSize(), 75 | ) 76 | is PlaceholderState.Idle -> { 77 | if (firstPageState.isEmpty) { 78 | return Column( 79 | modifier = Modifier.fillMaxSize(), 80 | verticalArrangement = Arrangement.Center, 81 | horizontalAlignment = Alignment.CenterHorizontally, 82 | ) { 83 | Text( 84 | "Empty list", 85 | maxLines = 2, 86 | overflow = TextOverflow.Ellipsis, 87 | ) 88 | } 89 | } 90 | 91 | val userList by vm.usersStateFlow.collectAsState() 92 | val loadingState by vm.loadingStateFlow.collectAsState() 93 | 94 | UserList( 95 | state = loadingState, 96 | users = userList, 97 | onRetry = vm::retry, 98 | loadNextPage = vm::loadNextPage, 99 | ) 100 | } 101 | } 102 | } 103 | 104 | @Composable 105 | fun UserList( 106 | state: PlaceholderState, 107 | users: List, 108 | onRetry: () -> Unit, 109 | loadNextPage: () -> Unit, 110 | ) { 111 | val threshold = 3 112 | val lastIndex = users.lastIndex 113 | 114 | LazyColumn( 115 | verticalArrangement = Arrangement.spacedBy(12.dp), 116 | contentPadding = PaddingValues(all = 8.dp), 117 | ) { 118 | items( 119 | count = users.size + 1, 120 | key = { users.getOrNull(it)?.uid ?: "PLACEHOLDER" }, 121 | ) { index -> 122 | val user = users.getOrNull(index) 123 | val parentMaxWidth = Modifier.fillParentMaxWidth() 124 | 125 | if (user != null) { 126 | if (index + threshold >= lastIndex) { 127 | SideEffect { 128 | Log.d("###", "$index $lastIndex") 129 | loadNextPage() 130 | } 131 | } 132 | 133 | Column( 134 | modifier = parentMaxWidth, 135 | ) { 136 | Text( 137 | text = user.name, 138 | style = MaterialTheme.typography.subtitle1, 139 | ) 140 | Spacer(modifier = Modifier.height(4.dp)) 141 | Text( 142 | text = user.email, 143 | style = MaterialTheme.typography.caption, 144 | ) 145 | } 146 | 147 | return@items 148 | } 149 | 150 | when (state) { 151 | is PlaceholderState.Failure -> FailureItem( 152 | throwable = state.throwable, 153 | onRetry = onRetry, 154 | modifier = parentMaxWidth, 155 | ) 156 | is PlaceholderState.Idle -> if (!state.isEmpty) { 157 | Spacer(modifier = parentMaxWidth.requiredHeight(48.dp)) 158 | } 159 | PlaceholderState.Loading -> ItemLoading(modifier = parentMaxWidth) 160 | } 161 | } 162 | } 163 | } 164 | 165 | @Composable 166 | fun ItemLoading( 167 | modifier: Modifier = Modifier, 168 | ) { 169 | Column( 170 | modifier = modifier, 171 | verticalArrangement = Arrangement.Center, 172 | horizontalAlignment = Alignment.CenterHorizontally, 173 | ) { 174 | CircularProgressIndicator() 175 | } 176 | } 177 | 178 | @Composable 179 | fun FailureItem( 180 | throwable: Throwable, 181 | onRetry: () -> Unit, 182 | modifier: Modifier = Modifier, 183 | ) { 184 | Column( 185 | modifier = modifier, 186 | verticalArrangement = Arrangement.Center, 187 | horizontalAlignment = Alignment.CenterHorizontally, 188 | ) { 189 | Text( 190 | throwable.message ?: "Unknown error", 191 | maxLines = 2, 192 | overflow = TextOverflow.Ellipsis, 193 | ) 194 | Spacer(modifier = Modifier.height(8.dp)) 195 | Button(onClick = onRetry) { 196 | Text(text = "RETRY") 197 | } 198 | } 199 | } 200 | 201 | @Preview(showBackground = true) 202 | @Composable 203 | fun DefaultPreview() { 204 | ComposePaginationTheme { 205 | FailureItem( 206 | throwable = IOException("Error network"), 207 | onRetry = {}, 208 | modifier = Modifier.fillMaxHeight(), 209 | ) 210 | } 211 | } 212 | -------------------------------------------------------------------------------- /app/src/main/java/com/hoc081098/composepagination/MainVM.kt: -------------------------------------------------------------------------------- 1 | package com.hoc081098.composepagination 2 | 3 | import androidx.annotation.MainThread 4 | import androidx.lifecycle.ViewModel 5 | import androidx.lifecycle.ViewModelProvider 6 | import androidx.lifecycle.viewModelScope 7 | import com.hoc081098.composepagination.PlaceholderState.Failure 8 | import com.hoc081098.composepagination.PlaceholderState.Idle 9 | import com.hoc081098.composepagination.PlaceholderState.Loading 10 | import kotlinx.coroutines.flow.MutableStateFlow 11 | import kotlinx.coroutines.flow.StateFlow 12 | import kotlinx.coroutines.flow.asStateFlow 13 | import kotlinx.coroutines.launch 14 | 15 | sealed class PlaceholderState { 16 | data class Idle(val isEmpty: Boolean) : PlaceholderState() 17 | object Loading : PlaceholderState() 18 | data class Failure(val throwable: Throwable) : PlaceholderState() 19 | } 20 | 21 | abstract class MainVM : ViewModel() { 22 | abstract val usersStateFlow: StateFlow> 23 | 24 | abstract val firstPageStateFlow: StateFlow 25 | 26 | abstract val loadingStateFlow: StateFlow 27 | 28 | abstract val isRefreshingStateFlow: StateFlow 29 | 30 | @MainThread 31 | abstract fun loadNextPage() 32 | 33 | @MainThread 34 | abstract fun retry() 35 | 36 | @MainThread 37 | abstract fun refresh() 38 | 39 | class Factory : ViewModelProvider.Factory { 40 | @Suppress("UNCHECKED_CAST") 41 | override fun create(modelClass: Class): T { 42 | if (modelClass == MainVM::class.java) { 43 | return MainVMImpl(::getUsers) as T 44 | } 45 | error("Unknown modelClass: $modelClass") 46 | } 47 | } 48 | } 49 | 50 | private class MainVMImpl( 51 | private val getUsers: suspend (start: Int, limit: Int) -> List 52 | ) : MainVM() { 53 | 54 | //region Private fields 55 | 56 | private val _usersSF = MutableStateFlow(emptyList()) 57 | private val _loadingStateSF = MutableStateFlow(Idle(true)) 58 | private val _firstPageStateSF = MutableStateFlow(Idle(true)) 59 | private val _isRefreshingSF = MutableStateFlow(false) 60 | 61 | private var isFirstPage = true 62 | private var loadedAllPage = false 63 | 64 | private inline val shouldLoadNextPage: Boolean 65 | get() = if (isFirstPage) { 66 | _firstPageStateSF.value is Idle 67 | } else { 68 | _loadingStateSF.value is Idle 69 | } && !loadedAllPage 70 | 71 | private inline val shouldRetry: Boolean 72 | get() = if (isFirstPage) { 73 | _firstPageStateSF.value is Failure 74 | } else { 75 | _loadingStateSF.value is Failure 76 | } 77 | 78 | //endregion 79 | 80 | init { 81 | loadNextPage() 82 | } 83 | 84 | //region Public 85 | 86 | override val usersStateFlow get() = _usersSF.asStateFlow() 87 | 88 | override val firstPageStateFlow get() = _firstPageStateSF.asStateFlow() 89 | 90 | override val loadingStateFlow get() = _loadingStateSF.asStateFlow() 91 | 92 | override val isRefreshingStateFlow get() = _isRefreshingSF.asStateFlow() 93 | 94 | @MainThread 95 | override fun loadNextPage() { 96 | if (shouldLoadNextPage) { 97 | loadPageInternal() 98 | } 99 | } 100 | 101 | @MainThread 102 | override fun retry() { 103 | if (shouldRetry) { 104 | loadPageInternal() 105 | } 106 | } 107 | 108 | @MainThread 109 | override fun refresh() { 110 | loadPageInternal(refresh = true) 111 | } 112 | //endregion 113 | 114 | //region Private methods 115 | 116 | @MainThread 117 | private fun updateState(state: PlaceholderState) { 118 | if (isFirstPage) { 119 | _firstPageStateSF.value = state 120 | } else { 121 | _loadingStateSF.value = state 122 | } 123 | } 124 | 125 | private fun loadPageInternal(refresh: Boolean = false) { 126 | viewModelScope.launch { 127 | if (refresh) { 128 | _isRefreshingSF.value = true 129 | } else { 130 | updateState(Loading) 131 | } 132 | 133 | val currentList = if (refresh) emptyList() else _usersSF.value 134 | 135 | runCatching { getUsers(currentList.size, LIMIT) } 136 | .fold( 137 | onSuccess = { 138 | if (refresh) { 139 | _isRefreshingSF.value = false 140 | } else { 141 | updateState(Idle(it.isEmpty())) 142 | } 143 | _usersSF.value = currentList + it 144 | 145 | isFirstPage = false 146 | loadedAllPage = it.isEmpty() 147 | }, 148 | onFailure = { 149 | if (refresh) { 150 | _isRefreshingSF.value = false 151 | } else { 152 | updateState(Failure(it)) 153 | } 154 | } 155 | ) 156 | } 157 | } 158 | 159 | //endregion 160 | 161 | companion object { 162 | private const val LIMIT = 20 163 | } 164 | } -------------------------------------------------------------------------------- /app/src/main/java/com/hoc081098/composepagination/ui/theme/Color.kt: -------------------------------------------------------------------------------- 1 | package com.hoc081098.composepagination.ui.theme 2 | 3 | import androidx.compose.ui.graphics.Color 4 | 5 | val Purple200 = Color(0xFFBB86FC) 6 | val Purple500 = Color(0xFF6200EE) 7 | val Purple700 = Color(0xFF3700B3) 8 | val Teal200 = Color(0xFF03DAC5) -------------------------------------------------------------------------------- /app/src/main/java/com/hoc081098/composepagination/ui/theme/Shape.kt: -------------------------------------------------------------------------------- 1 | package com.hoc081098.composepagination.ui.theme 2 | 3 | import androidx.compose.foundation.shape.RoundedCornerShape 4 | import androidx.compose.material.Shapes 5 | import androidx.compose.ui.unit.dp 6 | 7 | val Shapes = Shapes( 8 | small = RoundedCornerShape(4.dp), 9 | medium = RoundedCornerShape(4.dp), 10 | large = RoundedCornerShape(0.dp) 11 | ) -------------------------------------------------------------------------------- /app/src/main/java/com/hoc081098/composepagination/ui/theme/Theme.kt: -------------------------------------------------------------------------------- 1 | package com.hoc081098.composepagination.ui.theme 2 | 3 | import androidx.compose.foundation.isSystemInDarkTheme 4 | import androidx.compose.material.MaterialTheme 5 | import androidx.compose.material.darkColors 6 | import androidx.compose.material.lightColors 7 | import androidx.compose.runtime.Composable 8 | 9 | private val DarkColorPalette = darkColors( 10 | primary = Purple200, 11 | primaryVariant = Purple700, 12 | secondary = Teal200 13 | ) 14 | 15 | private val LightColorPalette = lightColors( 16 | primary = Purple500, 17 | primaryVariant = Purple700, 18 | secondary = Teal200 19 | 20 | /* Other default colors to override 21 | background = Color.White, 22 | surface = Color.White, 23 | onPrimary = Color.White, 24 | onSecondary = Color.Black, 25 | onBackground = Color.Black, 26 | onSurface = Color.Black, 27 | */ 28 | ) 29 | 30 | @Composable 31 | fun ComposePaginationTheme(darkTheme: Boolean = isSystemInDarkTheme(), content: @Composable() () -> Unit) { 32 | val colors = if (darkTheme) { 33 | DarkColorPalette 34 | } else { 35 | LightColorPalette 36 | } 37 | 38 | MaterialTheme( 39 | colors = colors, 40 | typography = Typography, 41 | shapes = Shapes, 42 | content = content 43 | ) 44 | } -------------------------------------------------------------------------------- /app/src/main/java/com/hoc081098/composepagination/ui/theme/Type.kt: -------------------------------------------------------------------------------- 1 | package com.hoc081098.composepagination.ui.theme 2 | 3 | import androidx.compose.material.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 | body1 = TextStyle( 12 | fontFamily = FontFamily.Default, 13 | fontWeight = FontWeight.Normal, 14 | fontSize = 16.sp 15 | ) 16 | /* Other default text styles to override 17 | button = TextStyle( 18 | fontFamily = FontFamily.Default, 19 | fontWeight = FontWeight.W500, 20 | fontSize = 14.sp 21 | ), 22 | caption = TextStyle( 23 | fontFamily = FontFamily.Default, 24 | fontWeight = FontWeight.Normal, 25 | fontSize = 12.sp 26 | ) 27 | */ 28 | ) -------------------------------------------------------------------------------- /app/src/main/res/drawable-v24/ic_launcher_foreground.xml: -------------------------------------------------------------------------------- 1 | 7 | 8 | 9 | 15 | 18 | 21 | 22 | 23 | 24 | 30 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/ic_launcher_background.xml: -------------------------------------------------------------------------------- 1 | 2 | 7 | 10 | 15 | 20 | 25 | 30 | 35 | 40 | 45 | 50 | 55 | 60 | 65 | 70 | 75 | 80 | 85 | 90 | 95 | 100 | 105 | 110 | 115 | 120 | 125 | 130 | 135 | 140 | 145 | 150 | 155 | 160 | 165 | 170 | 171 | -------------------------------------------------------------------------------- /app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /app/src/main/res/mipmap-hdpi/ic_launcher.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kotlin-Android-Open-Source/Jetpack-Compose-Pagination/e43f57fc2cc512a2a8c498d6b8c3256425bea691/app/src/main/res/mipmap-hdpi/ic_launcher.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-hdpi/ic_launcher_round.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kotlin-Android-Open-Source/Jetpack-Compose-Pagination/e43f57fc2cc512a2a8c498d6b8c3256425bea691/app/src/main/res/mipmap-hdpi/ic_launcher_round.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-mdpi/ic_launcher.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kotlin-Android-Open-Source/Jetpack-Compose-Pagination/e43f57fc2cc512a2a8c498d6b8c3256425bea691/app/src/main/res/mipmap-mdpi/ic_launcher.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-mdpi/ic_launcher_round.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kotlin-Android-Open-Source/Jetpack-Compose-Pagination/e43f57fc2cc512a2a8c498d6b8c3256425bea691/app/src/main/res/mipmap-mdpi/ic_launcher_round.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xhdpi/ic_launcher.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kotlin-Android-Open-Source/Jetpack-Compose-Pagination/e43f57fc2cc512a2a8c498d6b8c3256425bea691/app/src/main/res/mipmap-xhdpi/ic_launcher.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xhdpi/ic_launcher_round.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kotlin-Android-Open-Source/Jetpack-Compose-Pagination/e43f57fc2cc512a2a8c498d6b8c3256425bea691/app/src/main/res/mipmap-xhdpi/ic_launcher_round.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/ic_launcher.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kotlin-Android-Open-Source/Jetpack-Compose-Pagination/e43f57fc2cc512a2a8c498d6b8c3256425bea691/app/src/main/res/mipmap-xxhdpi/ic_launcher.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kotlin-Android-Open-Source/Jetpack-Compose-Pagination/e43f57fc2cc512a2a8c498d6b8c3256425bea691/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxxhdpi/ic_launcher.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kotlin-Android-Open-Source/Jetpack-Compose-Pagination/e43f57fc2cc512a2a8c498d6b8c3256425bea691/app/src/main/res/mipmap-xxxhdpi/ic_launcher.webp -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kotlin-Android-Open-Source/Jetpack-Compose-Pagination/e43f57fc2cc512a2a8c498d6b8c3256425bea691/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp -------------------------------------------------------------------------------- /app/src/main/res/values-night/themes.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 16 | -------------------------------------------------------------------------------- /app/src/main/res/values/colors.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | #FFBB86FC 4 | #FF6200EE 5 | #FF3700B3 6 | #FF03DAC5 7 | #FF018786 8 | #FF000000 9 | #FFFFFFFF 10 | -------------------------------------------------------------------------------- /app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | Compose Pagination 3 | -------------------------------------------------------------------------------- /app/src/main/res/values/themes.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 16 | 17 | 21 | 22 |