compose: search: Make search bar fixed
Looks bad otherwise due to edge to edge and filters Signed-off-by: Aayush Gupta <aayushgupta219@gmail.com>
This commit is contained in:
@@ -45,7 +45,6 @@ import androidx.compose.runtime.snapshotFlow
|
|||||||
import androidx.compose.ui.Modifier
|
import androidx.compose.ui.Modifier
|
||||||
import androidx.compose.ui.focus.FocusRequester
|
import androidx.compose.ui.focus.FocusRequester
|
||||||
import androidx.compose.ui.focus.focusRequester
|
import androidx.compose.ui.focus.focusRequester
|
||||||
import androidx.compose.ui.input.nestedscroll.nestedScroll
|
|
||||||
import androidx.compose.ui.res.dimensionResource
|
import androidx.compose.ui.res.dimensionResource
|
||||||
import androidx.compose.ui.res.painterResource
|
import androidx.compose.ui.res.painterResource
|
||||||
import androidx.compose.ui.res.stringArrayResource
|
import androidx.compose.ui.res.stringArrayResource
|
||||||
@@ -106,7 +105,6 @@ private fun ScreenContent(
|
|||||||
) {
|
) {
|
||||||
val textFieldState = rememberTextFieldState()
|
val textFieldState = rememberTextFieldState()
|
||||||
val searchBarState = rememberSearchBarState()
|
val searchBarState = rememberSearchBarState()
|
||||||
val scrollBehavior = SearchBarDefaults.enterAlwaysSearchBarScrollBehavior()
|
|
||||||
var isSearching by rememberSaveable { mutableStateOf(false) }
|
var isSearching by rememberSaveable { mutableStateOf(false) }
|
||||||
|
|
||||||
val focusRequester = remember { FocusRequester() }
|
val focusRequester = remember { FocusRequester() }
|
||||||
@@ -171,12 +169,7 @@ private fun ScreenContent(
|
|||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
AppBarWithSearch(
|
AppBarWithSearch(state = searchBarState, inputField = inputField)
|
||||||
scrollBehavior = scrollBehavior,
|
|
||||||
state = searchBarState,
|
|
||||||
inputField = inputField
|
|
||||||
)
|
|
||||||
|
|
||||||
ExpandedDockedSearchBar(state = searchBarState, inputField = inputField) {
|
ExpandedDockedSearchBar(state = searchBarState, inputField = inputField) {
|
||||||
suggestions.forEach { suggestion ->
|
suggestions.forEach { suggestion ->
|
||||||
SearchSuggestionComposable(
|
SearchSuggestionComposable(
|
||||||
@@ -190,10 +183,7 @@ private fun ScreenContent(
|
|||||||
|
|
||||||
@Composable
|
@Composable
|
||||||
fun ListPane() {
|
fun ListPane() {
|
||||||
Scaffold(
|
Scaffold(topBar = { SearchBar() }) { paddingValues ->
|
||||||
modifier = Modifier.nestedScroll(scrollBehavior.nestedScrollConnection),
|
|
||||||
topBar = { SearchBar() }
|
|
||||||
) { paddingValues ->
|
|
||||||
Column(
|
Column(
|
||||||
modifier = Modifier
|
modifier = Modifier
|
||||||
.padding(paddingValues)
|
.padding(paddingValues)
|
||||||
|
|||||||
@@ -185,6 +185,9 @@
|
|||||||
<deepLink
|
<deepLink
|
||||||
app:action="android.intent.action.VIEW"
|
app:action="android.intent.action.VIEW"
|
||||||
app:uri="play.google.com/store/apps/details?id={packageName}" />
|
app:uri="play.google.com/store/apps/details?id={packageName}" />
|
||||||
|
<deepLink
|
||||||
|
app:action="android.intent.action.VIEW"
|
||||||
|
app:uri="play.google.com/store/search?q={query}" />
|
||||||
<action
|
<action
|
||||||
android:id="@+id/action_splashFragment_to_navigation_apps"
|
android:id="@+id/action_splashFragment_to_navigation_apps"
|
||||||
app:destination="@id/appsContainerFragment"
|
app:destination="@id/appsContainerFragment"
|
||||||
|
|||||||
Reference in New Issue
Block a user