Files
jrshikoku/components/駅名表/StationName.tsx
harukin-expo-dev-env 0d2330a314 デザイン調整
2024-09-03 14:25:47 +00:00

23 lines
625 B
TypeScript

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