iOS Widget (Swift/WidgetKit):

SWIFT
import WidgetKit
import SwiftUI

struct SimpleWidget: Widget {
    let kind: String = "SimpleWidget"
    
    var body: some WidgetConfiguration {
        StaticConfiguration(kind: kind, provider: Provider()) { entry in
            SimpleWidgetEntryView(entry: entry)
        }
        .configurationDisplayName("My Widget")
        .description("Shows important data at a glance")
        .supportedFamilies([.systemSmall, .systemMedium])
    }
}

struct SimpleWidgetEntryView: View {
    var entry: Provider.Entry
    
    var body: some View {
        VStack {
            Text(entry.title)
                .font(.headline)
            Text(entry.value)
                .font(.caption)
                .foregroundColor(.secondary)
        }
        .padding()
    }
}

Android Widget (Kotlin):

KOTLIN
class SimpleWidgetProvider : AppWidgetProvider() {
    override fun onUpdate(context: Context, appWidgetManager: AppWidgetManager, appWidgetIds: IntArray) {
        for (appWidgetId in appWidgetIds) {
            updateAppWidget(context, appWidgetManager, appWidgetId)
        }
    }
}

private fun updateAppWidget(context: Context, appWidgetManager: AppWidgetManager, appWidgetId: Int) {
    val views = RemoteViews(context.packageName, R.layout.simple_widget)
    views.setTextViewText(R.id.widget_title, "Widget Title")
    views.setTextViewText(R.id.widget_value, "Current Value")
    
    appWidgetManager.updateAppWidget(appWidgetId, views)
}

iOS Widget Development

Progress:

• Create widget extension target in Xcode
• Define TimelineProvider for data updates
• Build SwiftUI views for each widget family
• Configure widget sizes and display name
• Test on device and simulator
• Handle background refresh limits

Android Widget Development

Progress:

• Create AppWidgetProvider class
• Define widget metadata in XML
• Create RemoteViews layout
• Handle update intervals and user interactions
• Add widget to manifest
• Test across different Android versions

Cross-Platform Considerations

Progress:

• Design consistent visual language
• Adapt to platform-specific constraints
• Plan data sync strategy
• Test update frequencies
• Optimize for battery usage

Example 1: Weather Widget Input: Display current temperature and conditions Output:

• iOS: Small widget showing "72°F" with weather icon
• Android: 2x1 widget with temperature, condition text, and location

Example 2: Task Counter Input: Show remaining tasks from productivity app Output:

• iOS: Medium widget with task count and progress ring
• Android: 4x1 widget with task list and completion percentages

Example 3: Stock Tracker Input: Display portfolio value and change Output:

• iOS: Large widget with multiple stock prices and charts
• Android: Scrollable widget with stock symbols and price changes