harukin/jrshikoku
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

テキスト追加

Browse Source
This commit is contained in:
harukin-expo-dev-env 2024-04-28 10:10:31 +00:00
parent 1d4cb35aa5
commit c8973c36fa
1 changed files with 35 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
components/trainMenu.js
View File

@ -35,7 +35,7 @@ export default function TrainMenu({ stationData, style }) {
latitude: parseFloat(latlng[0]),
longitude: parseFloat(latlng[1]),
})),
{ edgePadding: { top: 50, bottom: 50, left: 50, right: 50 } } // Add margin values here
{ edgePadding: { top: 100, bottom: 50, left: 50, right: 50 } } // Add margin values here
);
}, [stationPin]);
return (
@ -95,25 +95,40 @@ export default function TrainMenu({ stationData, style }) {
/>
))}
</MapView>
<View style={{ flexDirection: "row" }}>
{Object.keys(stationData).map((d) => (
<TouchableOpacity
style={{
flex: 1,
backgroundColor: lineColorList[stationIDPair[d]],
padding: 5,
margin: 2,
borderRadius: 5,
alignItems: "center",
opacity: selectedLine == d ? 1 : !selectedLine ? 1 : 0.5,
}}
onPress={() => setSelectedLine(selectedLine == d ? undefined : d)}
>
<Text style={{ color: "white", fontWeight: "bold", fontSize: 20 }}>
{stationIDPair[d]}
</Text>
</TouchableOpacity>
))}
<View style={{ position: "relative" }}>
<View
style={{
flexDirection: "row",
position: "absolute",
width: "100vw",
bottom: 0,
flex: 1,
}}
>
<Text style={{ position: "absolute", bottom: 40 }}>
路線記号からフィルタリング
</Text>
{Object.keys(stationData).map((d) => (
<TouchableOpacity
style={{
flex: 1,
backgroundColor: lineColorList[stationIDPair[d]],
padding: 5,
margin: 2,
borderRadius: 10,
alignItems: "center",
opacity: selectedLine == d ? 1 : !selectedLine ? 1 : 0.5,
}}
onPress={() => setSelectedLine(selectedLine == d ? undefined : d)}
>
<Text
style={{ color: "white", fontWeight: "bold", fontSize: 20 }}
>
{stationIDPair[d]}
</Text>
</TouchableOpacity>
))}
</View>
</View>
{navigate && (
<View style={{ flexDirection: "row" }}>