更新消息功能

- 移除消息列表页面的顶部状态栏填充
- 调整消息列表页面的内边距
- 移除状态栏
遮罩布局
- 在消息列表页面添加状态栏占位符
This commit is contained in:
2024-09-01 16:41:21 +08:00
parent 091926a3c1
commit 076ca7498e
4 changed files with 22 additions and 6 deletions

View File

@@ -25,7 +25,6 @@ fun StatusBarMask(darkIcons: Boolean = true) {
val systemUiController = rememberSystemUiController() val systemUiController = rememberSystemUiController()
LaunchedEffect(Unit) { LaunchedEffect(Unit) {
systemUiController.setStatusBarColor(Color.Transparent, darkIcons = darkIcons) systemUiController.setStatusBarColor(Color.Transparent, darkIcons = darkIcons)
} }
Spacer(modifier = Modifier.height(paddingValues.calculateTopPadding())) Spacer(modifier = Modifier.height(paddingValues.calculateTopPadding()))

View File

@@ -0,0 +1,15 @@
package com.aiosman.riderpro.ui.composables
import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.WindowInsets
import androidx.compose.foundation.layout.asPaddingValues
import androidx.compose.foundation.layout.height
import androidx.compose.foundation.layout.systemBars
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
@Composable
fun StatusBarSpacer() {
val paddingValues = WindowInsets.systemBars.asPaddingValues()
Spacer(modifier = Modifier.height(paddingValues.calculateTopPadding()))
}

View File

@@ -68,14 +68,14 @@ fun NotificationsScreen() {
) { ) {
Spacer( Spacer(
modifier = Modifier.padding( modifier = Modifier.padding(
top = statusBarPaddingValues.calculateTopPadding(), // top = statusBarPaddingValues.calculateTopPadding(),
bottom = navigationBarPaddings bottom = navigationBarPaddings
) )
) )
Box( Box(
modifier = Modifier modifier = Modifier
.fillMaxWidth() .fillMaxWidth()
.padding(horizontal = 24.dp, vertical = 16.dp) .padding(horizontal = 24.dp)
) { ) {
Image( Image(
painter = painterResource(id = R.drawable.rider_pro_message_title), painter = painterResource(id = R.drawable.rider_pro_message_title),

View File

@@ -94,6 +94,7 @@ import com.aiosman.riderpro.ui.composables.StatusBarMaskLayout
import com.aiosman.riderpro.ui.composables.BottomNavigationPlaceholder import com.aiosman.riderpro.ui.composables.BottomNavigationPlaceholder
import com.aiosman.riderpro.ui.composables.CustomAsyncImage import com.aiosman.riderpro.ui.composables.CustomAsyncImage
import com.aiosman.riderpro.ui.composables.EditCommentBottomModal import com.aiosman.riderpro.ui.composables.EditCommentBottomModal
import com.aiosman.riderpro.ui.composables.StatusBarSpacer
import com.aiosman.riderpro.ui.imageviewer.ImageViewerViewModel import com.aiosman.riderpro.ui.imageviewer.ImageViewerViewModel
import com.aiosman.riderpro.ui.index.tabs.moment.MomentViewModel import com.aiosman.riderpro.ui.index.tabs.moment.MomentViewModel
import com.aiosman.riderpro.ui.modifiers.noRippleClickable import com.aiosman.riderpro.ui.modifiers.noRippleClickable
@@ -261,10 +262,10 @@ fun PostScreen(
val scrollState = rememberLazyListState() val scrollState = rememberLazyListState()
val uiController = rememberSystemUiController() val uiController = rememberSystemUiController()
LaunchedEffect(Unit) { LaunchedEffect(Unit) {
uiController.setNavigationBarColor(Color.Transparent) // uiController.setNavigationBarColor(Color.Transparent)
viewModel.initData() viewModel.initData()
} }
StatusBarMaskLayout {
Scaffold( Scaffold(
modifier = Modifier.fillMaxSize(), modifier = Modifier.fillMaxSize(),
bottomBar = { bottomBar = {
@@ -302,6 +303,7 @@ fun PostScreen(
modifier = Modifier modifier = Modifier
.fillMaxSize() .fillMaxSize()
) { ) {
StatusBarSpacer()
Header( Header(
avatar = viewModel.avatar, avatar = viewModel.avatar,
nickname = viewModel.nickname, nickname = viewModel.nickname,
@@ -363,7 +365,7 @@ fun PostScreen(
} }
} }
} }
}
} }
@Composable @Composable