खोज बार

@OptIn(ExperimentalMaterial3Api::class) @Composable fun SimpleSearchBar(     textFieldState: TextFieldState,     onSearch: (String) -> Unit,     searchResults: List<String>,     modifier: Modifier = Modifier ) {     // Controls expansion state of the search bar     var expanded by rememberSaveable { mutableStateOf(false) }      Box(         modifier             .fillMaxSize()             .semantics { isTraversalGroup = true }     ) {         SearchBar(             modifier = Modifier                 .align(Alignment.TopCenter)                 .semantics { traversalIndex = 0f },             inputField = {                 SearchBarDefaults.InputField(                     query = textFieldState.text.toString(),                     onQueryChange = { textFieldState.edit { replace(0, length, it) } },                     onSearch = {                         onSearch(textFieldState.text.toString())                         expanded = false                     },                     expanded = expanded,                     onExpandedChange = { expanded = it },                     placeholder = { Text("Search") }                 )             },             expanded = expanded,             onExpandedChange = { expanded = it },         ) {             // Display search results in a scrollable column             Column(Modifier.verticalScroll(rememberScrollState())) {                 searchResults.forEach { result ->                     ListItem(                         headlineContent = { Text(result) },                         modifier = Modifier                             .clickable {                                 textFieldState.edit { replace(0, length, result) }                                 expanded = false                             }                             .fillMaxWidth()                     )                 }             }         }     } }
SearchBar.kt

@OptIn(ExperimentalMaterial3Api::class) @Composable fun CustomizableSearchBar(     query: String,     onQueryChange: (String) -> Unit,     onSearch: (String) -> Unit,     searchResults: List<String>,     onResultClick: (String) -> Unit,     // Customization options     placeholder: @Composable () -> Unit = { Text("Search") },     leadingIcon: @Composable (() -> Unit)? = { Icon(Icons.Default.Search, contentDescription = "Search") },     trailingIcon: @Composable (() -> Unit)? = null,     supportingContent: (@Composable (String) -> Unit)? = null,     leadingContent: (@Composable () -> Unit)? = null,     modifier: Modifier = Modifier ) {     // Track expanded state of search bar     var expanded by rememberSaveable { mutableStateOf(false) }      Box(         modifier             .fillMaxSize()             .semantics { isTraversalGroup = true }     ) {         SearchBar(             modifier = Modifier                 .align(Alignment.TopCenter)                 .semantics { traversalIndex = 0f },             inputField = {                 // Customizable input field implementation                 SearchBarDefaults.InputField(                     query = query,                     onQueryChange = onQueryChange,                     onSearch = {                         onSearch(query)                         expanded = false                     },                     expanded = expanded,                     onExpandedChange = { expanded = it },                     placeholder = placeholder,                     leadingIcon = leadingIcon,                     trailingIcon = trailingIcon                 )             },             expanded = expanded,             onExpandedChange = { expanded = it },         ) {             // Show search results in a lazy column for better performance             LazyColumn {                 items(count = searchResults.size) { index ->                     val resultText = searchResults[index]                     ListItem(                         headlineContent = { Text(resultText) },                         supportingContent = supportingContent?.let { { it(resultText) } },                         leadingContent = leadingContent,                         colors = ListItemDefaults.colors(containerColor = Color.Transparent),                         modifier = Modifier                             .clickable {                                 onResultClick(resultText)                                 expanded = false                             }                             .fillMaxWidth()                             .padding(horizontal = 16.dp, vertical = 4.dp)                     )                 }             }         }     } }
SearchBar.kt