avior/Neo-Store
1
0
Fork 0
mirror of https://github.com/Aviortheking/Neo-Store.git synced 2025-06-08 00:39:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add Spacer for loading image state

Browse Source
This commit is contained in:
LooKeR 2022-02-25 11:57:28 +05:30
parent 000bd16256
commit 4a58459f5c
1 changed files with 14 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/main/kotlin/com/looker/droidify/ui/compose/components/Image.kt
View File

@ -2,14 +2,19 @@ package com.looker.droidify.ui.compose.components
import android.net.Uri import android.net.Uri
import androidx.compose.foundation.Image import androidx.compose.foundation.Image
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.Box import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.shape.CornerBasedShape import androidx.compose.foundation.shape.CornerBasedShape
import androidx.compose.foundation.shape.RoundedCornerShape import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.material3.MaterialTheme
import androidx.compose.runtime.Composable import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.clip import androidx.compose.ui.draw.clip
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.layout.ContentScale import androidx.compose.ui.layout.ContentScale
import coil.annotation.ExperimentalCoilApi import coil.annotation.ExperimentalCoilApi
import coil.compose.ImagePainter
import coil.compose.rememberImagePainter import coil.compose.rememberImagePainter
import com.looker.droidify.R import com.looker.droidify.R
import com.looker.droidify.ui.compose.theme.LocalShapes import com.looker.droidify.ui.compose.theme.LocalShapes
@ -20,6 +25,7 @@ fun NetworkImage(
modifier: Modifier = Modifier, modifier: Modifier = Modifier,
data: Uri?, data: Uri?,
contentScale: ContentScale = ContentScale.Crop, contentScale: ContentScale = ContentScale.Crop,
backgroundColor: Color = MaterialTheme.colorScheme.surface,
shape: CornerBasedShape = RoundedCornerShape(LocalShapes.current.medium) shape: CornerBasedShape = RoundedCornerShape(LocalShapes.current.medium)
) { ) {
Box(modifier) { Box(modifier) {
@ -36,5 +42,13 @@ fun NetworkImage(
.matchParentSize() .matchParentSize()
.clip(shape) .clip(shape)
) )
if (painter.state is ImagePainter.State.Loading) {
Spacer(
modifier = Modifier
.matchParentSize()
.background(backgroundColor)
)
}
} }
} }