harukin-expo-dev-env
c8f1d6d332
- responsive.ts: スケーリングファクターを大幅強化（fontScale 0.8, moderateScale 0.8） - initIcon: タブバーアイコンsize 30→moderateScale(30) - SimpleDot: ドットサイズ20/14→moderateScale - StationPagination: 全寸法(28/24/18/22/8/6)をmoderateScale/fontScale化 - CarouselBox: fontSize 20/14→fontScale - MenuPage: マップオフセット100/80/10/30→verticalScale - menu: スクロールオフセット/snapToOffsets→verticalScale
30 lines
795 B
TypeScript
30 lines
795 B
TypeScript
import React, { FC } from "react";
|
|
import { Ionicons } from "@expo/vector-icons";
|
|
import { TouchableOpacity } from "react-native";
|
|
import { useResponsive } from "@/lib/responsive";
|
|
type SimpleDotProps = {
|
|
active: boolean;
|
|
onPress: () => void;
|
|
};
|
|
export const SimpleDot: FC<SimpleDotProps> = (props) => {
|
|
const { active, onPress } = props;
|
|
const { moderateScale } = useResponsive();
|
|
return (
|
|
<TouchableOpacity
|
|
style={{
|
|
width: moderateScale(20),
|
|
marginHorizontal: 2,
|
|
alignItems: "center",
|
|
justifyContent: "center",
|
|
}}
|
|
onPress={onPress}
|
|
>
|
|
<Ionicons
|
|
name="ellipse"
|
|
size={active ? moderateScale(20) : moderateScale(14)}
|
|
color={active ? "#00b8ff" : "#00b8ff55"}
|
|
/>
|
|
</TouchableOpacity>
|
|
);
|
|
};
|