意味もなくヘッダーのレイアウトが機種依存していた (#5384)

Author: TinyKitten

src/components/HeaderE235.tsx

@@ -1,6 +1,6 @@
 import { LinearGradient } from 'expo-linear-gradient';
 import React, { useMemo } from 'react';
-import { Platform, StyleSheet, View } from 'react-native';
+import { StyleSheet, View } from 'react-native';
 import { STATION_NAME_FONT_SIZE } from '../constants';
 import { useLoopLine } from '../hooks';
 import isTablet from '../utils/isTablet';
@@ -220,7 +220,7 @@ const HeaderE235: React.FC<HeaderE235Props> = (props) => {
               threeLetterCode={threeLetterCode}
               withDarkTheme
               allowScaling
-              transformOrigin={Platform.OS === 'android' ? 'bottom' : undefined}
+              transformOrigin="bottom"
             />
           ) : null}
           <Typography

src/components/HeaderJL.tsx

@@ -1,6 +1,6 @@
 import { LinearGradient } from 'expo-linear-gradient';
 import React, { useMemo } from 'react';
-import { Platform, StyleSheet, View } from 'react-native';
+import { StyleSheet, View } from 'react-native';
 import Svg, { Path } from 'react-native-svg';
 import { useLoopLine } from '~/hooks';
 import { STATION_NAME_FONT_SIZE } from '../constants';
@@ -223,7 +223,7 @@ const HeaderJL: React.FC<CommonHeaderProps> = (props) => {
               threeLetterCode={threeLetterCode}
               withDarkTheme
               allowScaling
-              transformOrigin={Platform.OS === 'android' ? 'bottom' : undefined}
+              transformOrigin="bottom"
             />
           ) : null}
           <Typography

src/components/HeaderJRWest.tsx

@@ -2,7 +2,7 @@
 import { Image } from 'expo-image';
 import { LinearGradient } from 'expo-linear-gradient';
 import React, { useCallback, useMemo } from 'react';
-import { Platform, StyleSheet, View } from 'react-native';
+import { StyleSheet, View } from 'react-native';
 import { LineType, TrainTypeKind } from '~/@types/graphql';
 import { useGetLineMark } from '~/hooks';
 import {
@@ -511,9 +511,7 @@ const HeaderJRWest: React.FC<CommonHeaderProps> = (props) => {
                 threeLetterCode={threeLetterCode}
                 withDarkTheme
                 allowScaling
-                transformOrigin={
-                  Platform.OS === 'android' ? 'bottom' : undefined
-                }
+                transformOrigin="bottom"
               />
             </View>
           ) : null}

src/components/HeaderSaikyo.tsx

@@ -225,7 +225,7 @@ const HeaderSaikyo: React.FC<CommonHeaderProps> = (props) => {
               stationNumber={currentStationNumber.stationNumber || ''}
               threeLetterCode={threeLetterCode}
               allowScaling
-              transformOrigin={Platform.OS === 'android' ? 'bottom' : undefined}
+              transformOrigin="bottom"
             />
           ) : null}
           <View style={styles.stationNameWrapper}>

src/components/HeaderTY.tsx

@@ -1,12 +1,6 @@
 import { LinearGradient } from 'expo-linear-gradient';
 import React from 'react';
-import {
-  Platform,
-  StyleSheet,
-  Text,
-  useWindowDimensions,
-  View,
-} from 'react-native';
+import { StyleSheet, Text, useWindowDimensions, View } from 'react-native';
 import Animated from 'react-native-reanimated';
 import { STATION_NAME_FONT_SIZE } from '../constants';
 import { useHeaderAnimation } from '../hooks';
@@ -225,7 +219,7 @@ const HeaderTY: React.FC<CommonHeaderProps> = (props) => {
               stationNumber={currentStationNumber.stationNumber || ''}
               threeLetterCode={threeLetterCode}
               allowScaling
-              transformOrigin={Platform.OS === 'android' ? 'bottom' : undefined}
+              transformOrigin="bottom"
               withDarkTheme
             />
           ) : null}

src/components/NumberingIconSquare.tsx

@@ -131,7 +131,7 @@ const NumberingIconSquare: React.FC<Props> = ({
   threeLetterCode,
   allowScaling,
   size,
-  transformOrigin = Platform.OS === 'android' ? 'center' : 'bottom',
+  transformOrigin = 'center',
   withOutline,
 }: Props) => {
   const [lineSymbol, ...stationNumberRest] = stationNumberRaw.split('-');
@@ -143,7 +143,7 @@ const NumberingIconSquare: React.FC<Props> = ({
         style={[
           styles.tlcRoot,
           {
-            transformOrigin: transformOrigin,
+            transformOrigin,
           },
         ]}
       >
@@ -178,7 +178,7 @@ const NumberingIconSquare: React.FC<Props> = ({
       style={
         allowScaling && {
           transform: [{ scale: 0.8 }],
-          transformOrigin: 'bottom',
+          transformOrigin,
           paddingVertical: isTablet ? 8 : 4,
           paddingHorizontal: isTablet ? 8 : 4,
         }