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

横方向メニュー追加(現時点では採用しない)

Browse Source
This commit is contained in:
harukin-OneMix4 2023-07-07 22:29:31 +09:00
parent b0b15f726c
commit dfdd9a7f37
1 changed files with 177 additions and 79 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

104
components/ActionSheetComponents/EachTrainInfo.js
View File

@ -15,7 +15,10 @@ import ActionSheet from "react-native-actions-sheet";
import LottieView from "lottie-react-native"; import LottieView from "lottie-react-native";
import trainList from "../../assets/originData/trainList"; import trainList from "../../assets/originData/trainList";
import { lineList } from "../../lib/getStationList"; import { lineList } from "../../lib/getStationList";
import { heightPercentageToDP } from "react-native-responsive-screen"; import {
heightPercentageToDP,
widthPercentageToDP,
} from "react-native-responsive-screen";
import lineColorList from "../../assets/originData/lineColorList"; import lineColorList from "../../assets/originData/lineColorList";
export const EachTrainInfo = ({ export const EachTrainInfo = ({
@ -225,8 +228,21 @@ export const EachTrainInfo = ({
/> />
)} )}
</View> </View>
<ScrollView
style={{
flexDirection: "row",
//width: widthPercentageToDP("200%"),
height: heightPercentageToDP("20%"),
}}
horizontal
pagingEnabled
>
<View <View
style={{ flexDirection: "row", height: heightPercentageToDP("20%") }} style={{
flexDirection: "row",
height: heightPercentageToDP("20%"),
width: widthPercentageToDP("100%"),
}}
> >
<View <View
style={{ style={{
@ -256,7 +272,9 @@ export const EachTrainInfo = ({
.split("～")[0] .split("～")[0]
} }
</Text> </Text>
<Text style={{ color: "#0099CC", textAlign: "right" }}>～</Text> <Text style={{ color: "#0099CC", textAlign: "right" }}>
～
</Text>
<Text <Text
style={{ style={{
fontSize: 28, fontSize: 28,
@ -326,6 +344,86 @@ export const EachTrainInfo = ({
</View> </View>
</View> </View>
</View> </View>
<View
style={{
flexDirection: "column",
height: heightPercentageToDP("20%"),
flex: 1,
width: widthPercentageToDP("100%"),
}}
>
<View style={{ flex: 1, flexDirection: "row" }}>
<View
style={{
flex: 1,
backgroundColor: "white",
borderRadius: 10,
padding: 10,
margin: 10,
}}
>
<Text style={{ fontSize: 15, color: "#0099CC" }}>行先</Text>
<View style={{ flex: 1 }} />
<Text
style={{
fontSize: 20,
color: "#0099CC",
textAlign: "right",
}}
>
岡山
</Text>
</View>
<View
style={{
flex: 3,
backgroundColor: "white",
borderRadius: 10,
padding: 10,
margin: 10,
}}
>
<Text style={{ fontSize: 15, color: "#0099CC" }}>車両案内</Text>
<View style={{ flex: 1 }} />
<Text
style={{
fontSize: 20,
color: "#0099CC",
textAlign: "right",
}}
>
宇多津でうずしお号と連結
</Text>
</View>
</View>
<View style={{ flex: 1, flexDirection: "row" }}>
<View
style={{
flex: 1,
backgroundColor: "white",
borderRadius: 10,
padding: 10,
margin: 10,
}}
>
<Text style={{ fontSize: 15, color: "#0099CC" }}>
編成(使用車両：2700系)
</Text>
<View style={{ flex: 1 }} />
<Text
style={{
fontSize: 20,
color: "#0099CC",
textAlign: "left",
}}
>
{"[<自][自>][アン自|指>][アン指|G>]"}
</Text>
</View>
</View>
</View>
</ScrollView>
<ScrollView <ScrollView
style={{ maxHeight: heightPercentageToDP("55%") }} style={{ maxHeight: heightPercentageToDP("55%") }}
nestedScrollEnabled nestedScrollEnabled