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-09-03 14:25:47 +00:00
parent ab60a9a47f
commit 0d2330a314
3 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/駅名表/NextPreStationLine.tsx
View File

@ -88,7 +88,7 @@ const 下枠左右マーク: TextStyle = {
fontWeight: "bold", fontWeight: "bold",
fontSize: parseInt("20%"), fontSize: parseInt("20%"),
color: "white", color: "white",
paddingHorizontal: 10, paddingHorizontal: 5,
textAlignVertical: "center", textAlignVertical: "center",
}; };
const 下枠駅ナンバー: ViewStyle = { const 下枠駅ナンバー: ViewStyle = {

4
components/駅名表/StationName.tsx
View File

@ -1,5 +1,5 @@
import React, { FC } from "react"; import React, { FC } from "react";
import { Text, TextStyle, View } from "react-native"; import { Platform, Text, TextStyle, View } from "react-native";
export const StationName: FC<{ export const StationName: FC<{
stringData: { Station_JP: string; Station_EN: string }; stringData: { Station_JP: string; Station_EN: string };
ss: TextStyle; ss: TextStyle;
@ -15,7 +15,7 @@ export const StationName: FC<{
const styleSheet: TextStyle = { const styleSheet: TextStyle = {
fontWeight: "bold", fontWeight: "bold",
fontSize: parseInt("15%"), fontSize: Platform.OS === "ios" ? parseInt("14%") : parseInt("15%"),
color: "white", color: "white",
flex: 1, flex: 1,
textAlignVertical: "center", textAlignVertical: "center",

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

@ -1,5 +1,5 @@
import React, { CSSProperties } from "react"; import React, { CSSProperties } from "react";
import { Text, TextStyle, View, ViewStyle } from "react-native"; import { Platform, Text, TextStyle, View, ViewStyle } from "react-native";
export const StationNameArea = (props) => { export const StationNameArea = (props) => {
const { currentStation, isMatsuyama } = props; const { currentStation, isMatsuyama } = props;
@ -14,6 +14,8 @@ export const StationNameArea = (props) => {
}; };
const Station_JP: TextStyle = { const Station_JP: TextStyle = {
letterSpacing: currentStation[0].Station_JP.length < 4 ? 15 : 0, letterSpacing: currentStation[0].Station_JP.length < 4 ? 15 : 0,
// iOSの場合、letterSPacingで末尾の文字の後ろにもpaddingが入るため、paddingLeftを設定
paddingLeft: currentStation[0].Station_JP.length < 4 &&Platform.OS === "ios" ? 15 : 0,
fontWeight: "bold", fontWeight: "bold",
fontSize: parseInt(currentStation[0].Station_JP.length < 6 ? "40%" : "25%"), fontSize: parseInt(currentStation[0].Station_JP.length < 6 ? "40%" : "25%"),