fix: do not use FlatList inside ScrollView

coopcycle · Oct 16, 2024 · 6327265 · 6327265
1 parent a8bcf10
commit 6327265
Showing 1 changed file with 12 additions and 20 deletions.
diff --git a/src/navigation/task/Complete.js b/src/navigation/task/Complete.js
@@ -337,27 +337,19 @@ const FailureReasonForm = ({ data, onChange }) => {
       {({
         handleChange,
         handleBlur,
-        values,
-        errors,
-        setFieldValue,
       }) =>
-        <FlatList
-          data={ _.filter(data, item => item.type !== 'hidden') }
-          keyExtractor={ item => item.name }
-          renderItem={({ item }) => {
-
-            return (
-              <FormControl mb="2" key={ item.name }>
-                <FormControl.Label>{ item.label }</FormControl.Label>
-                <Input
-                  defaultValue={ item.value.toString() }
-                  keyboardType={ item.type === 'number' ? 'number-pad' : 'default' }
-                  onChangeText={ handleChange(item.name) }
-                  onBlur={ handleBlur(item.name) } />
-              </FormControl>
-            )
-          }}
-        />
+        <>
+          {_.filter(data, item => item.type !== 'hidden').map(item =>
+            <FormControl mb="2" key={ item.name }>
+              <FormControl.Label>{ item.label }</FormControl.Label>
+              <Input
+                defaultValue={ item.value.toString() }
+                keyboardType={ item.type === 'number' ? 'number-pad' : 'default' }
+                onChangeText={ handleChange(item.name) }
+                onBlur={ handleBlur(item.name) } />
+            </FormControl>
+          )}
+        </>
       }
     </Formik>
   )