Jetpack Compose 自定义SearchBar无法输入、光标不显示问题求助

• 核心故障：Scaffold的content默认是堆叠布局，你在内容区直接顺序放置SearchBar和fillMaxSize()的LazyColumn，后加载的LazyColumn会占满整个屏幕、盖在SearchBar上层。因为LazyColumn背景透明，肉眼能看到下层的搜索框，但所有触摸事件都被上层的LazyColumn拦截，直接导致输入框无法点击、无法放置光标、无法输入。
• 状态更新逻辑错误：搜索文本更新被包裹在协程中，且加了isNotBlank()的判断，用户输入空字符（比如删除全部内容）时不会更新状态，就算触摸事件正常也会出现输入卡顿、字符丢失的问题。
• 组件Modifier滥用：SearchBar内部的TextField、占位文本都复用了外部传入的带padding、固定高度的Modifier实例，会导致布局测量异常。
• 未消费Scaffold边距：Scaffold回调的paddingValues没有接收使用，内容会被浮动按钮、底部导航栏遮挡。

1. 调整Screen层布局，用线性布局排布组件，避免堆叠遮挡，同时消费Scaffold默认边距：

Scaffold (
    floatingActionButton = {
        FloatingActionButton(onClick = {
            viewModel.onEvent(ToolSetListEvent.OnAddToolSetClick)
        }) {
            Icon(
                imageVector = Icons.Default.Add,
                contentDescription = "Add")
        }
    }
) { paddingValues ->
    Column(
        modifier = Modifier
            .fillMaxSize()
            .padding(paddingValues)
    ) {
        SearchBar(modifier = Modifier)
        LazyColumn(
            modifier = Modifier
                .fillMaxSize()
                .padding(0.dp, 20.dp)
        ) {
            items(toolSets.value) { toolset ->
                ToolSetItem(
                    toolSet = toolset,
                    onEvent = viewModel::onEvent,
                    modifier = Modifier
                        .fillMaxWidth()
                        .padding(16.dp)
                        .clickable {
                            viewModel.onEvent(ToolSetListEvent.OnToolSetClick(toolset))
                        }
                )
            }
        }
    }
}

2. 修正ViewModel的搜索状态更新逻辑，状态同步更新，协程只用来处理仓库的挂起操作：

is ToolSetListEvent.OnSearchToolSet -> {
    // 文本状态直接同步更新，不要加非空判断、不要丢协程里
    searchText = event.searchText
    // 搜索请求逻辑单独放协程，可自行加防抖优化
    if (event.searchText.isNotBlank()) {
        viewModelScope.launch {
            repository.getToolSetByPO(event.searchText)
        }
    }
}

3. 修正SearchBar的Modifier使用，内部组件不要复用外部传入的Modifier：

@Composable
fun SearchBar(
    modifier: Modifier = Modifier,
    viewModel: ToolSetListViewModel = hiltViewModel()
){
    Surface (
        modifier = modifier
            .fillMaxWidth()
            .height(74.dp)
            .padding(20.dp, 15.dp, 20.dp, 0.dp),
        elevation = 10.dp,
        color = MaterialTheme.colors.primary,
        shape = RoundedCornerShape(25)
    ){
        TextField(
            modifier = Modifier.fillMaxWidth(),
            value = viewModel.searchText,
            onValueChange = {
                viewModel.onEvent(ToolSetListEvent.OnSearchToolSet(it))
            },
            placeholder = {
                Text(
                    modifier = Modifier.alpha(ContentAlpha.medium),
                    text = "Search...",
                    color = White
                )
            },
            textStyle = TextStyle(
                fontSize = MaterialTheme.typography.subtitle1.fontSize,
            ),
            singleLine = true,
            colors = TextFieldDefaults.textFieldColors(
                backgroundColor = Color.Transparent,
                cursorColor = White
            )
        )
    }
}

• 快速定位遮挡问题：给SearchBar、LazyColumn临时设置不同的不透明背景，一眼就能看出组件层级和覆盖关系
• 触摸事件验证：在TextField的onValueChange和父组件的clickable里加日志，点击输入框时如果没有触发输入框回调，一定是上层组件拦截了触摸事件
• 状态验证：输入时打日志观察searchText的更新时机，确保每一次输入都能同步触发状态重组

内容的提问来源于stack exchange，提问作者Stone