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",
fontSize: parseInt("20%"),
color: "white",
paddingHorizontal: 10,
paddingHorizontal: 5,
textAlignVertical: "center",
};
const 下枠駅ナンバー: ViewStyle = {

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

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

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

@ -1,5 +1,5 @@
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) => {
const { currentStation, isMatsuyama } = props;
@ -14,6 +14,8 @@ export const StationNameArea = (props) => {
};
const Station_JP: TextStyle = {
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",
fontSize: parseInt(currentStation[0].Station_JP.length < 6 ? "40%" : "25%"),