fix(ExampleApp): results overflow container (#157 by @leonskim)

infinitered · Jul 30, 2024 · 884b585 · 884b585
1 parent 32970f1
commit 884b585
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/apps/ExampleApp/app/screens/ImageLabelingScreen.tsx b/apps/ExampleApp/app/screens/ImageLabelingScreen.tsx
@@ -124,9 +124,9 @@ const ImageLabelingScreenComponent: FC<ImageLabelingScreenProps> = observer(
           }}
         />
 
-        <View style={$resultContainer}>
-          {result &&
-            result.map((item) => {
+        {result && (
+          <View style={$resultContainer}>
+            {result.map((item) => {
               return (
                 <View key={item.text} style={$resultRow}>
                   <Text style={$resultText} text={item.text} />
@@ -137,7 +137,8 @@ const ImageLabelingScreenComponent: FC<ImageLabelingScreenProps> = observer(
                 </View>
               )
             })}
-        </View>
+          </View>
+        )}
       </Screen>
     )
   },
@@ -168,8 +169,8 @@ const $description: TextStyle = {
 
 const $resultContainer: ViewStyle = {
   width: "100%",
-  height: 200,
   borderWidth: 1,
+  marginVertical: 24,
 }
 const $resultRow: ViewStyle = {
   flexDirection: "row",