diff --git a/app/src/main/java/com/aiosman/riderpro/FollowerPage.kt b/app/src/main/java/com/aiosman/riderpro/FollowerPage.kt index 0335b70..6b6175c 100644 --- a/app/src/main/java/com/aiosman/riderpro/FollowerPage.kt +++ b/app/src/main/java/com/aiosman/riderpro/FollowerPage.kt @@ -6,11 +6,14 @@ import androidx.compose.foundation.layout.Box import androidx.compose.foundation.layout.Column import androidx.compose.foundation.layout.Row import androidx.compose.foundation.layout.Spacer -import androidx.compose.foundation.layout.fillMaxSize +import androidx.compose.foundation.layout.WindowInsets +import androidx.compose.foundation.layout.asPaddingValues import androidx.compose.foundation.layout.fillMaxWidth import androidx.compose.foundation.layout.height import androidx.compose.foundation.layout.padding import androidx.compose.foundation.layout.size +import androidx.compose.foundation.layout.statusBars +import androidx.compose.foundation.layout.systemBars import androidx.compose.foundation.layout.width import androidx.compose.foundation.lazy.LazyColumn import androidx.compose.material3.Text @@ -18,6 +21,7 @@ import androidx.compose.runtime.Composable import androidx.compose.ui.Alignment import androidx.compose.ui.Modifier import androidx.compose.ui.graphics.Color +import androidx.compose.ui.platform.LocalContext import androidx.compose.ui.res.painterResource import androidx.compose.ui.text.font.FontWeight import androidx.compose.ui.tooling.preview.Preview @@ -27,23 +31,32 @@ import androidx.compose.ui.unit.sp @Preview @Composable fun FollowerPage() { - val heightOfStatusBar = 24.dp - Column( - modifier = Modifier - .padding(top = 16.dp + 24.dp, start = 16.dp, end = 16.dp) - - ) { - NoticeScreenHeader("FOLLOWERS") - Spacer(modifier = Modifier.height(28.dp)) - LazyColumn( - modifier = Modifier.weight(1f) + val paddingValues = WindowInsets.systemBars.asPaddingValues() + Spacer(modifier=Modifier.height(paddingValues.calculateTopPadding())) + Column { + Box( + modifier = Modifier + .height(paddingValues.calculateTopPadding()) + .fillMaxWidth() + .background(Color.Black) + ) + Column( + modifier = Modifier + .padding(start = 16.dp, end = 16.dp) ) { - item { - repeat(20) { - FollowerItem() + Spacer(modifier = Modifier.height(24.dp)) + NoticeScreenHeader("FOLLOWERS") + Spacer(modifier = Modifier.height(28.dp)) + LazyColumn( + modifier = Modifier.weight(1f) + ) { + item { + repeat(20) { + FollowerItem() + } } - } + } } } }