Glance Widget中clickable modifier为何无法生效？

问题描述 #

我正在使用Glance开发一个简单Widget，代码如下：

class MyWidget : GlanceAppWidget() {

    override suspend fun provideGlance(context: Context, id: GlanceId) {
        provideContent {
            WidgetContent(GlanceModifier.fillMaxSize(), context)
        }
    }

    @Composable
    private fun WidgetContent(modifier: GlanceModifier = GlanceModifier, context: Context) {
        Column(
            modifier = modifier.background(R.color.white).clickable {
                actionStartActivity<MainActivity>()
            },
            verticalAlignment = Alignment.CenterVertically,
            horizontalAlignment = Alignment.CenterHorizontally
        ) {
            Text(
                text = context.getString(R.string.foo),
                modifier = GlanceModifier.padding(12.dp)
            )
            Button(
                text = "Foo",
                onClick = actionStartActivity<MainActivity>()
            )
        }
    }

使用的Glance版本：

implementation("androidx.glance:glance-appwidget:1.0.0")
implementation("androidx.glance:glance-material3:1.0.0")

点击Button可启动Activity，但Column上的clickable修饰符无法生效，给Text单独添加clickable也没用。想确认该现象的原因，并且希望整个Widget能响应点击（不想保留按钮）。

原因分析 #

Glance AppWidget的底层基于Android原生的RemoteViews，而RemoteViews对点击事件的支持有局限性：

• 只有原生设计为可交互的组件（如Button、IconButton）能直接通过onClick绑定点击动作；
• Column、Text这类非交互容器/文本组件，直接添加clickable修饰符不会生效，因为Glance没有为这类组件实现将点击事件转换为RemoteViews支持的PendingIntent的逻辑。

解决方案 #

要实现整个Widget响应点击，最直接的方式是用Box作为根布局容器，给它添加clickable修饰符，再将原有的Column内容放入其中。Box在Glance中支持通过修饰符绑定点击动作，底层会为对应的RemoteView设置PendingIntent。

修改后的代码示例：

class MyWidget : GlanceAppWidget() {

    override suspend fun provideGlance(context: Context, id: GlanceId) {
        provideContent {
            WidgetContent(GlanceModifier.fillMaxSize(), context)
        }
    }

    @Composable
    private fun WidgetContent(modifier: GlanceModifier = GlanceModifier, context: Context) {
        // 用Box作为根容器，添加clickable实现全局点击
        Box(
            modifier = modifier
                .background(R.color.white)
                .clickable {
                    actionStartActivity<MainActivity>()
                },
            contentAlignment = Alignment.Center
        ) {
            Column(
                verticalAlignment = Alignment.CenterVertically,
                horizontalAlignment = Alignment.CenterHorizontally
            ) {
                Text(
                    text = context.getString(R.string.foo),
                    modifier = GlanceModifier.padding(12.dp)
                )
                // 移除不需要的Button
            }
        }
    }
}

如果需要自定义复杂动作，也可以配合runAction实现，但仅启动Activity的场景下，上述方案足够简洁。

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