I have a Flatlist, simple flatlist. The scroll in iOS only do if I use 3 fingers.
Each list on flatlist, is a touchableOpacity, the button can be a problem?
I need make the scroll with 1 finger;
<FlatList
data={options.options}
keyExtractor={(item) => String((item as any).id)}
showsHorizontalScrollIndicator={false}
showsVerticalScrollIndicator={true}
initialNumToRender={10}
maxToRenderPerBatch={10}
renderItem={ListItem}
/>
Item
function ListItem({ item }: { item: Item }) {
return (
<TouchableOpacity
key={item.value}
style={{
height: 50,
justifyContent: 'center',
alignItems: 'center',
borderBottomWidth: 1,
borderColor: theme.palette.border,
}}
onPress={() => onItemSelected(item)}
>
<Orientation.Row
style={{ justifyContent: 'center', gap: 8, width: 280 }}
>
{options.selected?.value === item.value && (
<FontAwesome5 name="check" size={12} color={theme.palette.text} />
)}
<Typography.Default
style={{
fontSize: 18,
fontFamily: theme.fonts.BOLD,
textAlign: 'center',
}}
>
{item.label}
</Typography.Default>
</Orientation.Row>
</TouchableOpacity>
);
}
I need do the scroll in the list with 1 finger, like anywhere lists. But in iOS (all I tested), only make the scroll with 3 fingers. Wtf.