simplified repro

software-mansion · Oct 9, 2024 · e75c4f0 · e75c4f0
1 parent e58816f
commit e75c4f0
Showing 1 changed file with 4 additions and 30 deletions.
diff --git a/apps/src/tests/Test2395.tsx b/apps/src/tests/Test2395.tsx
@@ -1,13 +1,5 @@
 import * as React from 'react';
-import {
-  FlatList,
-  Image,
-  Pressable,
-  StyleSheet,
-  Text,
-  View,
-  ViewProps,
-} from 'react-native';
+import { FlatList, Pressable, StyleSheet, Text, View } from 'react-native';
 import { NavigationContainer } from '@react-navigation/native';
 import { createNativeStackNavigator } from '@react-navigation/native-stack';
 
@@ -27,7 +19,7 @@ export default function App() {
                 style={{
                   backgroundColor: 'lightblue',
                   padding: 3,
-                  height: 100,
+                  height: 200,
                 }}>
                 <Text>Right</Text>
               </View>
@@ -48,15 +40,6 @@ export default function App() {
   );
 }
 
-function Item({ children, ...props }: ViewProps) {
-  return (
-    <View style={styles.item} {...props}>
-      <Image source={require('../assets/trees.jpg')} style={styles.image} />
-      <Text style={styles.text}>{children}</Text>
-    </View>
-  );
-}
-
 function Screen() {
   return (
     <FlatList
@@ -66,7 +49,7 @@ function Screen() {
         <Pressable
           key={index}
           style={({ pressed }) => (pressed ? styles.pressed : undefined)}>
-          <Item>List item {index + 1}</Item>
+          <Text style={styles.text}>List item {index + 1}</Text>
         </Pressable>
       )}
     />
@@ -78,19 +61,10 @@ const styles = StyleSheet.create({
     flex: 1,
     backgroundColor: 'mediumseagreen',
   },
-  item: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    padding: 10,
-    gap: 10,
-  },
   text: {
     fontSize: 24,
     color: 'black',
-  },
-  image: {
-    width: 50,
-    height: 50,
+    padding: 10,
   },
   pressed: {
     backgroundColor: 'seagreen',