テキストのロジックを整理、文字サイズの調整、位置の調整
This commit is contained in:
parent
626c715510
commit
85bdb26823
@ -9,10 +9,14 @@ export const StationNameArea = (props) => {
|
||||
top: "10%",
|
||||
alignContent: "center",
|
||||
flexDirection: "row",
|
||||
height: "50%",
|
||||
width: "100%",
|
||||
};
|
||||
const Station_JP: TextStyle = {
|
||||
letterSpacing: currentStation[0].Station_JP.length < 4 ? 15 : 0,
|
||||
fontWeight: "bold",
|
||||
fontSize: parseInt("40%"),
|
||||
fontSize: parseInt(currentStation[0].Station_JP.length < 6 ? "40%" : "25%"),
|
||||
|
||||
color: isMatsuyama ? "white" : "#005170",
|
||||
};
|
||||
const Station_EN: TextStyle = {
|
||||
@ -23,10 +27,12 @@ export const StationNameArea = (props) => {
|
||||
return (
|
||||
<View style={stationNameAreaOverWrap}>
|
||||
<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={Station_JP}>{currentStation[0].Station_JP}</Text>
|
||||
<Text style={Station_EN}>{currentStation[0].Station_EN}</Text>
|
||||
<View style={{ flex: 1 }} />
|
||||
</View>
|
||||
<View style={{ flex: 1 }} />
|
||||
</View>
|
||||
|
Loading…
Reference in New Issue
Block a user