diff --git a/client-app/app/(app)/new-contact.tsx b/client-app/app/(app)/new-contact.tsx index 05a8b40..2526804 100644 --- a/client-app/app/(app)/new-contact.tsx +++ b/client-app/app/(app)/new-contact.tsx @@ -252,6 +252,14 @@ export default function NewContactScreen() { Плата за запрос (уходит получателю, anti-spam) + {/* Fee-tier pills. + Layout (background, border, padding) lives on a static + inner View — Pressable's dynamic style-function has been + observed to drop backgroundColor between renders on + some RN/Android versions, which is what made these + chips look like three bare text labels on black + instead of distinct pills. Press feedback via opacity + on the Pressable itself, which is stable. */} {FEE_TIERS.map(t => { const active = fee === t.value; @@ -261,25 +269,32 @@ export default function NewContactScreen() { onPress={() => setFee(t.value)} style={({ pressed }) => ({ flex: 1, - alignItems: 'center', - paddingVertical: 10, - borderRadius: 10, - backgroundColor: active ? '#ffffff' : pressed ? '#1a1a1a' : '#111111', - borderWidth: 1, borderColor: active ? '#ffffff' : '#1f1f1f', + opacity: pressed ? 0.7 : 1, })} > - - {t.label} - - - {formatAmount(t.value)} - + + + {t.label} + + + {formatAmount(t.value)} + + ); })}