ScrollViewからFlatListに変更

components/AllTrainDiagramView.js

@@ -5,6 +5,7 @@ import {
   TouchableOpacity,
   Linking,
   ScrollView,
+  FlatList,
 } from "react-native";
 import MapView, { Marker } from "react-native-maps";
 import { MaterialCommunityIcons } from "@expo/vector-icons";
@@ -58,12 +59,14 @@ export default function AllTrainDiagramView({ navigation: { navigate } }) {
   };
   return (
     <View style={{ backgroundColor: "#0099CC", height: "100%" }}>
-      <ScrollView>
-        {keyList &&
-          keyList.map((key) => (
-            <Item openTrainInfo={openTrainInfo} key={key} id={key} />
-          ))}
-      </ScrollView>
+      <FlatList
+        data={keyList}
+        renderItem={({ item }) => (
+          <Item openTrainInfo={openTrainInfo} id={item} />
+        )}
+        keyExtractor={(item) => item}
+        initialNumToRender={100}
+      />
 
       <TouchableOpacity
         style={{