Update LobstersCard UI (#296)

This commit is contained in:
Sasikanth Miriyampalli 2022-02-20 15:23:26 +05:30 committed by GitHub
parent 93b013515c
commit 0db4e48613
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 81 additions and 87 deletions

View file

@ -5,18 +5,20 @@ import androidx.compose.foundation.lazy.rememberLazyListState
import androidx.compose.material3.ExperimentalMaterial3Api
import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.Scaffold
import androidx.compose.material3.TopAppBarDefaults
import androidx.compose.runtime.Composable
import androidx.compose.runtime.LaunchedEffect
import androidx.compose.runtime.SideEffect
import androidx.compose.runtime.collectAsState
import androidx.compose.runtime.getValue
import androidx.compose.runtime.remember
import androidx.compose.runtime.rememberCoroutineScope
import androidx.compose.ui.Modifier
import androidx.compose.ui.input.nestedscroll.nestedScroll
import androidx.compose.ui.platform.LocalConfiguration
import androidx.compose.ui.platform.LocalContext
import androidx.compose.ui.platform.LocalUriHandler
import androidx.compose.ui.res.painterResource
import androidx.compose.ui.unit.dp
import androidx.lifecycle.viewmodel.compose.viewModel
import androidx.navigation.compose.NavHost
import androidx.navigation.compose.composable
@ -57,6 +59,7 @@ fun LobstersApp(
val coroutineScope = rememberCoroutineScope()
val postActions = rememberPostActions(urlLauncher, navController, viewModel)
val currentDestination by currentNavigationDestination(navController)
val scrollBehavior = remember { TopAppBarDefaults.enterAlwaysScrollBehavior() }
val networkPosts = viewModel.pagerFlow.collectAsLazyPagingItems()
val savedPosts by viewModel.savedPosts.collectAsState(emptyList())
@ -98,10 +101,12 @@ fun LobstersApp(
}
Scaffold(
modifier = Modifier.nestedScroll(scrollBehavior.nestedScrollConnection),
topBar = {
ClawAppBar(
backgroundColor = systemBarsColor,
modifier = Modifier.statusBarsPadding(),
backgroundColor = systemBarsColor,
scrollBehavior = scrollBehavior,
)
},
bottomBar = {
@ -115,7 +120,6 @@ fun LobstersApp(
NavHost(
navController,
startDestination = Destinations.startDestination.getRoute(),
modifier = Modifier.padding(top = 8.dp),
) {
composable(Destinations.Hottest.getRoute()) {
setWebUri("https://lobste.rs/")

View file

@ -3,6 +3,7 @@ package dev.msfjarvis.claw.android.ui.decorations
import androidx.compose.material3.SmallTopAppBar
import androidx.compose.material3.Text
import androidx.compose.material3.TopAppBarDefaults
import androidx.compose.material3.TopAppBarScrollBehavior
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
@ -13,6 +14,7 @@ import dev.msfjarvis.claw.android.R
@Composable
fun ClawAppBar(
backgroundColor: Color,
scrollBehavior: TopAppBarScrollBehavior? = null,
modifier: Modifier = Modifier,
) {
SmallTopAppBar(
@ -24,5 +26,6 @@ fun ClawAppBar(
},
modifier = modifier,
colors = TopAppBarDefaults.smallTopAppBarColors(containerColor = backgroundColor),
scrollBehavior = scrollBehavior,
)
}

View file

@ -2,6 +2,7 @@ package dev.msfjarvis.claw.android.ui.lists
import androidx.compose.foundation.lazy.LazyColumn
import androidx.compose.foundation.lazy.LazyListState
import androidx.compose.material.Divider
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.paging.compose.LazyPagingItems
@ -31,6 +32,8 @@ fun NetworkPosts(
isSaved = isSaved,
postActions = postActions,
)
Divider()
}
}
}