feat: port skeleton search bar
This commit is contained in:
parent
0ffd415874
commit
ad50e700d4
2 changed files with 123 additions and 12 deletions
|
|
@ -1,26 +1,22 @@
|
|||
package moe.lava.banksia
|
||||
|
||||
import androidx.compose.animation.AnimatedVisibility
|
||||
import androidx.compose.foundation.Image
|
||||
import androidx.compose.foundation.layout.Box
|
||||
import androidx.compose.foundation.layout.Column
|
||||
import androidx.compose.foundation.layout.fillMaxSize
|
||||
import androidx.compose.foundation.layout.fillMaxWidth
|
||||
import androidx.compose.material3.BottomSheetScaffold
|
||||
import androidx.compose.material3.MaterialTheme
|
||||
import androidx.compose.material3.ExperimentalMaterial3Api
|
||||
import androidx.compose.material3.MaterialTheme
|
||||
import androidx.compose.material3.SheetValue
|
||||
import androidx.compose.material3.rememberBottomSheetScaffoldState
|
||||
import androidx.compose.material3.rememberStandardBottomSheetState
|
||||
import androidx.compose.runtime.*
|
||||
import androidx.compose.ui.Alignment
|
||||
import androidx.compose.runtime.Composable
|
||||
import androidx.compose.runtime.getValue
|
||||
import androidx.compose.runtime.mutableStateOf
|
||||
import androidx.compose.runtime.remember
|
||||
import androidx.compose.runtime.setValue
|
||||
import androidx.compose.ui.Modifier
|
||||
import org.jetbrains.compose.resources.painterResource
|
||||
import org.jetbrains.compose.ui.tooling.preview.Preview
|
||||
|
||||
import banksia.composeapp.generated.resources.Res
|
||||
import banksia.composeapp.generated.resources.compose_multiplatform
|
||||
import moe.lava.banksia.native.maps.Maps
|
||||
import moe.lava.banksia.ui.Searcher
|
||||
import org.jetbrains.compose.ui.tooling.preview.Preview
|
||||
|
||||
@OptIn(ExperimentalMaterial3Api::class)
|
||||
@Composable
|
||||
|
|
@ -32,6 +28,10 @@ fun App() {
|
|||
skipHiddenState = false
|
||||
)
|
||||
)
|
||||
|
||||
var searchTextState by remember { mutableStateOf("") }
|
||||
var searchExpandedState by remember { mutableStateOf(false) }
|
||||
|
||||
MaterialTheme {
|
||||
BottomSheetScaffold(
|
||||
scaffoldState = scaffoldState,
|
||||
|
|
@ -41,6 +41,12 @@ fun App() {
|
|||
modifier = Modifier.fillMaxSize(),
|
||||
sheetState = scaffoldState.bottomSheetState,
|
||||
)
|
||||
Searcher(
|
||||
expanded = searchExpandedState,
|
||||
onExpandedChange = { searchExpandedState = it },
|
||||
text = searchTextState,
|
||||
onTextChange = { searchTextState = it },
|
||||
)
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue