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-08-31 09:30:45 +00:00
parent 626c715510
commit 85bdb26823
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/駅名表/StationNameArea.tsx
View File

@ -9,10 +9,14 @@ export const StationNameArea = (props) => {
top: "10%", top: "10%",
alignContent: "center", alignContent: "center",
flexDirection: "row", flexDirection: "row",
height: "50%",
width: "100%",
}; };
const Station_JP: TextStyle = { const Station_JP: TextStyle = {
letterSpacing: currentStation[0].Station_JP.length < 4 ? 15 : 0,
fontWeight: "bold", fontWeight: "bold",
fontSize: parseInt("40%"), fontSize: parseInt(currentStation[0].Station_JP.length < 6 ? "40%" : "25%"),
color: isMatsuyama ? "white" : "#005170", color: isMatsuyama ? "white" : "#005170",
}; };
const Station_EN: TextStyle = { const Station_EN: TextStyle = {
@ -23,10 +27,12 @@ export const StationNameArea = (props) => {
return ( return (
<View style={stationNameAreaOverWrap}> <View style={stationNameAreaOverWrap}>
<View style={{ flex: 1 }} /> <View style={{ flex: 1 }} />
<View style={{ alignItems: "center" }}> <View style={{ alignItems: "center",flexDirection:"column" }}>
<View style={{ flex: 1 }} />
{/* <Text style={{fontWeight:"bold",fontSize:parseInt("15%"),color:"#005170"}}>{stationName.今.LineName}</Text> */} {/* <Text style={{fontWeight:"bold",fontSize:parseInt("15%"),color:"#005170"}}>{stationName.今.LineName}</Text> */}
<Text style={Station_JP}>{currentStation[0].Station_JP}</Text> <Text style={Station_JP}>{currentStation[0].Station_JP}</Text>
<Text style={Station_EN}>{currentStation[0].Station_EN}</Text> <Text style={Station_EN}>{currentStation[0].Station_EN}</Text>
<View style={{ flex: 1 }} />
</View> </View>
<View style={{ flex: 1 }} /> <View style={{ flex: 1 }} />
</View> </View>