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

StationNameAreaの移動

Browse Source
This commit is contained in:
harukin-expo-dev-env 2024-08-31 05:25:16 +00:00
parent 0ce3d1c999
commit eae78d5520
2 changed files with 34 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
components/駅名表/Sign.js
View File

@ -290,24 +290,7 @@ const StationNumberMaker = (props) => {
}); });
}; };
const StationNameArea = (props) => {
const { currentStation } = props;
return (
<View style={styleSheet.stationNameAreaOverWrap}>
<View style={{ flex: 1 }} />
<View style={{ alignItems: "center" }}>
{/* <Text style={{fontWeight:"bold",fontSize:parseInt("15%"),color:"#005170"}}>{stationName.今.LineName}</Text> */}
<Text style={styleSheet.Station_JP}>
{currentStation[0].Station_JP}
</Text>
<Text style={styleSheet.Station_EN}>
{currentStation[0].Station_EN}
</Text>
</View>
<View style={{ flex: 1 }} />
</View>
);
};
@ -335,22 +318,6 @@ const styleSheet = {
fontSize: parseInt("30%"), fontSize: parseInt("30%"),
color: "#2E94BB", color: "#2E94BB",
}, },
stationNameAreaOverWrap: {
position: "absolute",
top: "10%",
alignContent: "center",
flexDirection: "row",
},
Station_JP: {
fontWeight: "bold",
fontSize: parseInt("40%"),
color: "#005170",
},
Station_EN: {
fontWeight: "bold",
fontSize: parseInt("15%"),
color: "#005170",
},
下帯内容: { 下帯内容: {
position: "absolute", position: "absolute",
bottom: "0%", bottom: "0%",

33
components/駅名表/StationNameArea.tsx Normal file
View File

@ -0,0 +1,33 @@
import React, { CSSProperties } from "react";
import { Text, TextStyle, View, ViewStyle } from "react-native";
export const StationNameArea = (props) => {
const { currentStation } = props;
return (
<View style={stationNameAreaOverWrap}>
<View style={{ flex: 1 }} />
<View style={{ alignItems: "center" }}>
{/* <Text style={{fontWeight:"bold",fontSize:parseInt("15%"),color:"#005170"}}>{stationName.今.LineName}</Text> */}
<Text style={Station_JP}>{currentStation[0].Station_JP}</Text>
<Text style={Station_EN}>{currentStation[0].Station_EN}</Text>
</View>
<View style={{ flex: 1 }} />
</View>
);
};
const stationNameAreaOverWrap: ViewStyle = {
position: "absolute",
top: "10%",
alignContent: "center",
flexDirection: "row",
};
const Station_JP: TextStyle = {
fontWeight: "bold",
fontSize: parseInt("40%"),
color: "#005170",
};
const Station_EN: TextStyle = {
fontWeight: "bold",
fontSize: parseInt("15%"),
color: "#005170",
};