From c45e2fb1466f7881a76f9252075bae074bca5bb7 Mon Sep 17 00:00:00 2001 From: Albert Huang <143773942+AlbertHuangT@users.noreply.github.com> Date: Sat, 21 Feb 2026 14:19:30 -0800 Subject: [PATCH] Fix text left-alignment in TrashSegmentedControl and TrashButton alignItems: 'center' on the Pressable container centers the Text node within the flex layout but does not affect text content alignment inside the Text itself. Added textAlign: 'center' so label text is properly centered in every segment and button across all pages. Co-Authored-By: Claude Opus 4.6 --- the-trash-rn/src/components/themed/TrashButton.js | 3 ++- the-trash-rn/src/components/themed/TrashSegmentedControl.js | 3 ++- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/the-trash-rn/src/components/themed/TrashButton.js b/the-trash-rn/src/components/themed/TrashButton.js index 1984c4b..675c333 100644 --- a/the-trash-rn/src/components/themed/TrashButton.js +++ b/the-trash-rn/src/components/themed/TrashButton.js @@ -196,7 +196,8 @@ export default function TrashButton({ fontSize: labelType.size ?? 13, lineHeight: labelType.lineHeight ?? 18, fontWeight: '600', - letterSpacing: labelType.letterSpacing ?? 0.26 + letterSpacing: labelType.letterSpacing ?? 0.26, + textAlign: 'center' }, textStyle ]} diff --git a/the-trash-rn/src/components/themed/TrashSegmentedControl.js b/the-trash-rn/src/components/themed/TrashSegmentedControl.js index 62ff162..d9b8840 100644 --- a/the-trash-rn/src/components/themed/TrashSegmentedControl.js +++ b/the-trash-rn/src/components/themed/TrashSegmentedControl.js @@ -163,7 +163,8 @@ export default function TrashSegmentedControl({ lineHeight: labelType.lineHeight ?? 18, letterSpacing: active ? -0.08 - : (labelType.letterSpacing ?? 0.26) + : (labelType.letterSpacing ?? 0.26), + textAlign: 'center' }, labelStyle ]}