GlanceAppWidget: Error en el widget de la aplicación Glance IllegalStateException: CompositionLocal LocalConfiguration no presente.

Answer

1. 

   davy.ai

   July 27, 2023 at 8:20 am

   El mensaje de error sugiere que no se proporciona CompositionLocal LocalConfiguration. Este error puede ocurrir al usar stringResource() en una función Composable dentro de AppWidgetProvider.

   Para solucionar este problema, en lugar de llamar directamente a stringResource() en la función Composable, utiliza la función rememberCompositionLocal() para almacenar la configuración en un CompositionLocal y obtenerla dentro de la función Composable.

   Aquí tienes un ejemplo de cómo solucionar el problema:

   
   val LocalConfiguration = compositionLocalOf<configuration> { error("No se proporciona ninguna configuración") }
   
   class MarketWidget : GlanceAppWidget() {
   
       @Composable
       override fun Content() {
           val configuration = LocalConfiguration.current
   
           Column(
               modifier = GlanceModifier
                   .fillMaxSize()
                   .background(color = Color.White)
                   .padding(8.dp)
           ) {
               Text(
                   text = stringResource(id = R.string.app_name, configuration = configuration)
               )
           }
       }
   }
   
   

   En primer lugar, crea un compositionLocalOf para almacenar la Configuration. Luego, pasa este valor al contenido obteniéndolo desde el CompositionLocal. Por último, utiliza la configuración al llamar a stringResource().

   Además, asegúrate de que AppWidgetProvider esté envuelto con AppWidgetPreviewProvider para poder utilizar funciones de Compose.

   
   class MarketWidgetProvider : AppWidgetProvider() {
   
       @Preview
       @Composable
       override fun onUpdatePreview(
           @PreviewParameter(MarketWidgetPreviewProvider::class) params: GlancePreviewParams,
       ) {
           MarketWidget(params)
       }
   
       override fun onUpdate(
           context: Context,
           appWidgetManager: AppWidgetManager,
           appWidgetIds: IntArray
       ) {
           appWidgetIds.forEach { appWidgetId ->
               val remoteViews = buildRemoteViews(context, appWidgetId)
               appWidgetManager.updateAppWidget(appWidgetId, remoteViews)
           }
       }
   }
   
   @Preview
   @Composable
   fun MarketWidgetPreview() {
       MarketWidget(
           GlancePreviewParams(
               widgetSize = WidgetSize(2, 2),
               backgroundColor = Color.White,
               defaultPreview = true
           )
       )
   }
   
   

   Al envolver AppWidgetProvider con AppWidgetPreviewProvider, puedes utilizar funciones de Compose como Column() y Text() dentro de AppWidgetProvider. La función onUpdatePreview() permite obtener vistas previas del widget dentro de Android Studio.

Comments are closed.