Плоскому списку требуется время, прежде чем он сможет прокручиваться ⇐ Android

[Anonymous]

У меня есть Pressable, который «открывается» с помощью анимированного представления, и в этом представлении я хочу показать FlatList. Я использую этот компонент в двух файлах: club.tsx и PbTable.tsx. В PbTable.tsx это работает безупречно, но в файле, отображенном в club.tsx, я не могу прокручивать. Вероятно, это происходит из-за родителя, но я просто не могу найти где. Иногда, если я подожду немного, я смогу прокрутить, но если я затем подниму палец, мне придется снова немного подождать.
club.tsx:








>ClubrecordComponent:

style={{
width: Dimensions.get("window").width,
borderColor: "#ef8b22",
borderWidth: 1,
borderRadius: 6,
paddingVertical: 10,
paddingHorizontal: 20,
overflow: "hidden",
marginVertical: 10,
}}
onPress={toggleExpand}
>


Clubrecords






(

{item.distance} {item.event}

)}
onScroll={() => console.log("scrolling")}
/>



PbTable:

{
setLoading(true);
const id =
SwimrakingEventId[title.distance as keyof typeof SwimrakingEventId];
const data = await getHistory(id, athleteData.id, title.poolSize);
setHistoryModalShown(id);
setSData(data);
setQuickViewModalShown(false);
setLoading(false);
}}
onPressClose={() => setQuickViewModalShown(false)}
onRequestClose={() => setQuickViewModalShown(false)}
title={title}
visible={quickViewModalShown}
/>
setHistoryModalShown(SwimrakingEventId.None)}
sData={sData}
title={title}
visible={historyModalShown !== SwimrakingEventId.None}
onRequestClose={() => {
setHistoryModalShown(SwimrakingEventId.None);
setQuickViewModalShown(true);
}}
/>

{Object.keys(strokes).map((stroke) => (
{
setTitle(item.title);
setQuickViewModalShown(true);
}}
/>
))}



StrokeComponent:

style={{
width: Dimensions.get("window").width,
borderColor: "#ef8b22",
borderWidth: 1,
borderRadius: 6,
paddingVertical: 10,
paddingHorizontal: 20,
overflow: "hidden",
marginVertical: 10,
}}
onPress={toggleExpand}
>


{stroke}






(
(onItemPress ? onItemPress(item, e) : null)}
>

{item.title.distance}


{item.title.time}


{item.title.poolSize}


)}
/>



Реализация PbTable:

{/*... other component, next to the PbTable*/}
{activeTab === Tabs.Pbs && (
{
return {
key: `${pb.event} - ${pb.poolSize} - ${pb.date}`,
title: {
distance: pb.event,
poolSize: pb.poolSize,
time: pb.time,
},
id: SwimrakingEventId[
pb.event as keyof typeof SwimrakingEventId
],
};
})}
athleteData={athleteData}
/>
)}


Подробнее здесь: https://stackoverflow.com/questions/793 ... can-scroll