ウィジェットの調整

components/AndroidWidget/HelloWidget.jsx

@@ -69,18 +69,9 @@ export function HelloWidget({ time, delayString }) {
                 clickAction="WIDGET_CLICK"
                 key={data[1]}
               >
-                <TextWidget
+                <FlexText flex={15} text={data[0].replace("\n", "")} />
-                  style={{ flex: 15, fontSize: 20, color: "#000000" }}
+                <FlexText flex={5} text={data[1]} />
-                  text={data[0].replace("\n", "")}
+                <FlexText flex={6} text={data[2]} />
-                />
-                <TextWidget
-                  style={{ flex: 5, fontSize: 20, color: "#000000" }}
-                  text={data[1]}
-                />
-                <TextWidget
-                  style={{ flex: 6, fontSize: 20, color: "#000000" }}
-                  text={data[3]}
-                />
               </FlexWidget>
             );
           })
@@ -98,3 +89,9 @@ export function HelloWidget({ time, delayString }) {
     </FlexWidget>
   );
 }
+
+const FlexText = ({ flex, text }) => (
+  <FlexWidget style={{ flex }}>
+    <TextWidget style={{ fontSize: 20, color: "#000000" }} text={text} />
+  </FlexWidget>
+);

components/AndroidWidget/HelloWidgetPreviewScreen.jsx

@@ -9,7 +9,7 @@ export function HelloWidgetPreviewScreen() {
     <View style={styles.container}>
       <WidgetPreview
         renderWidget={() => <HelloWidget />}
-        width={320}
+        width={200}
         height={200}
       />
     </View>