From 661ac0aa331d5c01675632f99f440d28829cbb3e Mon Sep 17 00:00:00 2001
From: le king fu <lekingfu@protonmail.com>
Date: Sat, 7 Mar 2026 17:56:13 -0500
Subject: [PATCH] Add scrollable task list in medium/large widgets

Replace FlexWidget with ListWidget for the task list in medium and
large home screen widgets, enabling scroll when items exceed the
widget display area.

Fixes #11

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/widgets/TaskListWidget.tsx | 26 ++++++++++++++++----------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/src/widgets/TaskListWidget.tsx b/src/widgets/TaskListWidget.tsx
index 2341e3b..ce96f34 100644
--- a/src/widgets/TaskListWidget.tsx
+++ b/src/widgets/TaskListWidget.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { FlexWidget, TextWidget } from 'react-native-android-widget';
+import { FlexWidget, ListWidget, TextWidget } from 'react-native-android-widget';
 import type { WidgetInfo } from 'react-native-android-widget';
 
 type HexColor = `#${string}`;
@@ -453,22 +453,28 @@ function ListWidgetContent({
 
       {/* Task list */}
       {displayTasks.length > 0 ? (
-        <FlexWidget
+        <ListWidget
           style={{
-            flex: 1,
-            flexDirection: 'column',
+            height: 'match_parent',
             width: 'match_parent',
           }}
         >
           {displayTasks.map((task) => (
-            <TaskItemRow
+            <FlexWidget
               key={task.id}
-              task={task}
-              isDark={isDark}
-              isExpanded={expandedTaskIds.has(task.id)}
-            />
+              style={{
+                flexDirection: 'column',
+                width: 'match_parent',
+              }}
+            >
+              <TaskItemRow
+                task={task}
+                isDark={isDark}
+                isExpanded={expandedTaskIds.has(task.id)}
+              />
+            </FlexWidget>
           ))}
-        </FlexWidget>
+        </ListWidget>
       ) : (
         <FlexWidget
           style={{