Material Design search A search bar represents a field that allows users to enter a keyword or phrase and get relevant information.
FullScreenSearchBarScaffoldSample
@Preview
@Sampled
@Composable
fun FullScreenSearchBarScaffoldSample() {
val textFieldState = rememberTextFieldState()
val searchBarState = rememberContainedSearchBarState()
val scope = rememberCoroutineScope()
val scrollBehavior = SearchBarDefaults.enterAlwaysSearchBarScrollBehavior()
val appBarWithSearchColors =
SearchBarDefaults.appBarWithSearchColors(
searchBarColors = SearchBarDefaults.containedColors(state = searchBarState)
)
val inputField =
DockedSearchBarScaffoldSample
@Preview
@Sampled
@Composable
fun DockedSearchBarScaffoldSample() {
val textFieldState = rememberTextFieldState()
val searchBarState = rememberSearchBarWithGapState()
val scope = rememberCoroutineScope()
val scrollBehavior = SearchBarDefaults.enterAlwaysSearchBarScrollBehavior()
val appBarWithSearchColors = SearchBarDefaults.appBarWithSearchColors()
val inputField =
