alerte-secours/as-app
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(up-wip): ios radar button design

Browse source
This commit is contained in:
devthejo 2025-10-02 19:43:05 +02:00
parent 749a09aa5e
commit 4dcf71379e
No known key found for this signature in database
GPG key ID: 00CCA7A92B1D5351
1 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/scenes/SendAlert/RadarButton.js
View file

@ -1,5 +1,5 @@
import React from "react"; import React from "react";
import { View } from "react-native"; import { View, Platform } from "react-native";
import { IconButton } from "react-native-paper"; import { IconButton } from "react-native-paper";
import { MaterialCommunityIcons } from "@expo/vector-icons"; import { MaterialCommunityIcons } from "@expo/vector-icons";
import { createStyles } from "~/theme"; import { createStyles } from "~/theme";
@ -35,7 +35,7 @@ export default function RadarButton({
const useStyles = createStyles(({ wp, hp, theme: { colors, custom } }) => ({ const useStyles = createStyles(({ wp, hp, theme: { colors, custom } }) => ({
container: { container: {
alignItems: "center", alignItems: "flex-end",
justifyContent: "center", justifyContent: "center",
marginTop: 10, marginTop: 10,
marginBottom: 10, marginBottom: 10,
@ -52,8 +52,10 @@ const useStyles = createStyles(({ wp, hp, theme: { colors, custom } }) => ({
shadowOpacity: 0.25, shadowOpacity: 0.25,
shadowRadius: 3.84, shadowRadius: 3.84,
minHeight: 48, // Match minimum touch target height minHeight: 48, // Match minimum touch target height
width: "100%", height: "100%",
maxWidth: 48, // Keep it square for radar button aspectRatio: 1,
borderRadius: 8,
overflow: Platform.select({ ios: "hidden", android: "visible" }),
}, },
icon: { icon: {
color: colors.onPrimary, color: colors.onPrimary,