Skip to content

Fix/iOS value alignment - #202

Merged
yadaniyil merged 4 commits into
yako-dev:masterfrom
mmng-a:fix/ios-value-alignment
Sep 24, 2026
Merged

yadaniyil merged 4 commits into
yako-dev:masterfrom
mmng-a:fix/ios-value-alignment

Conversation

@mmng-a

@mmng-a mmng-a commented May 2, 2026

Copy link
Copy Markdown
Contributor

Connection with issue(s)

No related issues.

This PR is based on #201 as the base branch.

Testing and Review Notes

This PR updates the iOS value layout for SettingsTile when value is shown.

In the iOS example screen, the most visible changes are:

  • the top three rows in the Common section (Language, Environment, Platform) now show their values clearly right-aligned
  • the Email row in the Account section now shows a long value and truncates it with ellipsis correctly

Before this change, the Email value was not shown on iOS in this example. After this change, it is shown and truncated correctly when long.

Review steps:

  1. Run the example app on iOS from example/.
  2. Open the settings example screen.
  3. In the Common section, confirm that the values for Language, Environment, and Platform are visually right-aligned.
  4. In the Account section, confirm that the Email row displays the value on iOS.
  5. Confirm that when the email value is long, it is truncated with ellipsis instead of wrapping or shifting to an awkward position.

Screenshots or Videos

Before and after screenshots are attached for the iOS example screen.
Please compare:

  • the right alignment of Language, Environment, and Platform
  • the long Email value being displayed and truncated with ellipsis
Before After
Simulator Screenshot - iPhone 17 Pro - 2026-05-02 at 11 37 53 Simulator Screenshot - iPhone 17 Pro - 2026-05-02 at 12 31 33

To Do

  • double check the original issue to confirm it is fully satisfied
  • add testing notes and screenshots in PR description to help guide reviewers
  • request the "UX" team perform a design review (if/when applicable)

@victorshx

Copy link
Copy Markdown

cc @yadaniyil please review this PR

yadaniyil and others added 2 commits September 24, 2026 17:50
# Conflicts:
#	lib/src/tiles/platforms/ios_settings_tile.dart
With the title laid out at its full natural width, a long title left no
room for the value and hid it. The title now fills the row and the value
keeps its natural width, up to half the row, on one line.

Adds layout tests for yako-dev#201 and yako-dev#203: values show on simple tiles, sit
right next to the chevron, stay visible next to long titles, and follow
RTL.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@yadaniyil
yadaniyil merged commit 21cfb09 into yako-dev:master Sep 24, 2026
1 check failed
@yadaniyil

Copy link
Copy Markdown
Contributor

Merged — thanks @mmng-a! This fixes #203 and also brings in #201.

Before merging I brought the branch up to date with master (the material_ui migration from #207) and added one commit on top: with the title laid out at full width, a long title left no room for the value and hid it. Now the title fills the row and the value keeps its natural width, up to half the row, on one line. I also added layout tests for #201 and #203.

It'll go out in 4.0.0 on pub.dev.

@yadaniyil

Copy link
Copy Markdown
Contributor

This is now live in settings_ui 4.0.0 on pub.dev: https://pub.dev/packages/settings_ui/versions/4.0.0. Thanks again!

iWisp360 pushed a commit to iWisp360/flutter-settings-ui that referenced this pull request Sep 30, 2026
- Fall back to the Cupertino style for platforms that only exist in
  Flutter forks, so the package compiles on OpenHarmony (yako-dev#205)
- README: SettingsTile shows a value without a chevron (yako-dev#204), the
  navigation chevron is iOS/macOS/Windows only, value width on iOS
- CHANGELOG: yako-dev#201, yako-dev#202, yako-dev#203, yako-dev#204, yako-dev#205

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
iWisp360 pushed a commit to iWisp360/flutter-settings-ui that referenced this pull request Sep 30, 2026
…the docs

- 3.x never upper-cased iOS headers; apps passed ALL-CAPS titles.
- Breaking changes: Linux tests must find AdwaitaSettingsSwitch, and the
  default side padding follows the list's width.
- Credit yako-dev#207 and yako-dev#201/yako-dev#202, link the old macOS, Windows and iPad
  requests.
- Documentation: the README rewrite, llms.txt and AGENTS.md. Example app:
  the showcase screen, and `cd example` before --route.
- The date stays Unreleased until the day of publishing.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants