HorizontalPager内EditText初始无响应不显示文本问题如何解决

问题根源 #

这个问题是两个原因共同导致的：

1. HorizontalPager 默认超出可视范围的页面缓存数量为0，切换到第二页时才触发页面首次组合，AndroidView 承载的原生AppCompatEditText测量时序和Compose布局不同步，导致首次绘制失败。
2. 你在factory中创建AppCompatEditText时没有为它指定原生的LayoutParams，原生View无法正确拿到测量约束，出现绘制异常。

修复方案 #

修改后代码如下：

val pagerState = rememberPagerState(initialPage = 0)
HorizontalPager(
    count = 2,
    state = pagerState,
    // 增加超出边界的页面缓存数量，提前加载第二页避免切换时才初始化
    beyondBoundsPageCount = 1
) { pageIndex ->
    AndroidView(
        modifier = Modifier.width(200.dp).wrapContentHeight(),
        factory = { context ->
            AppCompatEditText(context).apply {
                // 给原生EditText设置明确的布局参数，匹配Compose侧的约束
                layoutParams = android.view.ViewGroup.LayoutParams(
                    android.view.ViewGroup.LayoutParams.MATCH_PARENT,
                    android.view.ViewGroup.LayoutParams.WRAP_CONTENT
                )
                hint = "Page $pageIndex"
            }
        },
        // 可选：添加update回调确保页面索引变化时属性同步
        update = { editText ->
            editText.hint = "Page $pageIndex"
        }
    )
}

如果上述方案仍存在绘制异常，可以额外给输入框关闭硬件加速，解决部分系统版本原生控件和Compose图层合成的冲突问题：

AppCompatEditText(context).apply {
    setLayerType(android.view.View.LAYER_TYPE_SOFTWARE, null)
    // 其余配置保持不变
}

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