Skip to content

Conversation

victorsanni
Copy link
Contributor

@victorsanni victorsanni commented May 29, 2025

This PR does the following:

Show large title mid-transition if automaticallyImplyLeading is false

(see #169708 (comment))

Correct color for the CupertinoSearchTextField placeholder

(see #163020 (comment))

Dark mode Light mode
placeholder color dark mode placeholder color light mode

And also:

Fixes Improve fidelity of CupertinoSliverNavigationBar.search and CupertinoSearchTextField

@github-actions github-actions bot added a: text input Entering text in a text field or keyboard related problems framework flutter/packages/flutter repository. See also f: labels. f: scrolling Viewports, list views, slivers, etc. f: cupertino flutter/packages/flutter/cupertino repository d: api docs Issues with https://api.flutter.dev/ d: examples Sample code and demos labels May 29, 2025
@victorsanni
Copy link
Contributor Author

Hi @MaherSafadii can you confirm if this fixes all the remaining issues in #163020? Thanks for pointing them out there.

@github-actions github-actions bot added the f: routes Navigator, Router, and related APIs. label May 29, 2025
@flutter-dashboard
Copy link

Golden file changes have been found for this pull request. Click here to view and triage (e.g. because this is an intentional change).

If you are still iterating on this change and are not ready to resolve the images on the Flutter Gold dashboard, consider marking this PR as a draft pull request above. You will still be able to view image results on the dashboard, commenting will be silenced, and the check will not try to resolve itself until marked ready for review.

For more guidance, visit Writing a golden file test for package:flutter.

Reviewers: Read the Tree Hygiene page and make sure this patch meets those guidelines before LGTMing.

Changes reported for pull request #169708 at sha fea80aa

@flutter-dashboard flutter-dashboard bot added the will affect goldens Changes to golden files label May 29, 2025
@MaherSafadii
Copy link

Hi @MaherSafadii can you confirm if this fixes all the remaining issues in #163020? Thanks for pointing them out there.

Sure I'll check them no problem, I'm glad you found the notes useful.

@MaherSafadii
Copy link

the placeholder text colors are correct now.

the color of the search field in dark mode seems to be wrong in dark mode, it was fine before the last stable, it's at least when I noticed it so I don't know what previous PR caused it exactly, I noticed this also occurring on the latest stable release too,
Screenshot 2025-05-30 at 5 30 47 PM

also there seems to be an issue with the previous pages title, it only happens when autoImplyleading is set to false, when you manually drag to pop the page the previous large title isn't visible, it shows as soon as the popping finishes when you let go as shown here:

recording.mov

and a note on how you compared the native and flutter side for the CupertinoSliverNavigationBar, comparing small things like padding isn't ideal using the app switcher, because the cards have larger scale the more they are to the front, keep this in mind for any future comparisons too, I tried doing a comparison once and realized this then.
comparason

the title padding is now a bit to little now, here are the comparisons:

Native:
native-example

Flutter - with these new changes:
Flutter latest - main

Flutter - old:
Flutter current

but in my opinion at this point of time, only week away until WWDC where iOS is getting a complete UI redesign, the padding in minimal and barely noticeable (things look fine as of for now), so it might not be worth fine tuning it to the last pixel right now.

@victorsanni
Copy link
Contributor Author

Thanks for the response @MaherSafadii.

the color of the search field in dark mode seems to be wrong in dark mode, it was fine before the last stable, it's at least when I noticed it so I don't know what previous PR caused it exactly

I'm not able to reproduce this with the changes in this PR, can you share some sample code? The PR description has an image of the search field in dark mode and it looks okay.

also there seems to be an issue with the previous pages title, it only happens when autoImplyleading is set to false, when you manually drag to pop the page the previous large title isn't visible, it shows as soon as the popping finishes when you let go

This case is a little tricky because it's a known issue in SwiftUI that if there's no leading/back button, the edge back swipe gesture is disabled. But I agree the transition looks jarring. I can enable the large title to animate in transition the same way it would if there is a leading but not a back button, that should help mitigate this.

the padding in minimal and barely noticeable (things look fine as of for now), so it might not be worth fine tuning it to the last pixel right now.

I agree. Especially since this is technically a breaking change, so we should aim to get it right once and for all. I will revert to the previous padding.

@github-actions github-actions bot removed f: scrolling Viewports, list views, slivers, etc. d: api docs Issues with https://api.flutter.dev/ d: examples Sample code and demos f: routes Navigator, Router, and related APIs. labels May 30, 2025
@flutter-dashboard
Copy link

Golden file changes are available for triage from new commit, Click here to view.

For more guidance, visit Writing a golden file test for package:flutter.

Reviewers: Read the Tree Hygiene page and make sure this patch meets those guidelines before LGTMing.

Changes reported for pull request #169708 at sha 47eaea8

@flutter-dashboard
Copy link

Golden file changes are available for triage from new commit, Click here to view.

For more guidance, visit Writing a golden file test for package:flutter.

Reviewers: Read the Tree Hygiene page and make sure this patch meets those guidelines before LGTMing.

Changes reported for pull request #169708 at sha 2fff81f

@victorsanni
Copy link
Contributor Author

Golden changes are due to the placeholder color change.

@victorsanni victorsanni changed the title CupertinoSliverNavigationBar.search fidelity updates CupertinoSearchTextField and CupertinoSliverNavigationBar.search more fidelity updates Jun 2, 2025
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Jun 4, 2025
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Jun 4, 2025
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Jun 4, 2025
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Jun 4, 2025
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Jun 5, 2025
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Jun 5, 2025
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Jun 5, 2025
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Jun 5, 2025
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Jun 5, 2025
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Jun 5, 2025
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Jun 5, 2025
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Jun 5, 2025
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Aug 14, 2025
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Aug 14, 2025
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Aug 15, 2025
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Aug 15, 2025
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Aug 16, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
a: text input Entering text in a text field or keyboard related problems f: cupertino flutter/packages/flutter/cupertino repository framework flutter/packages/flutter repository. See also f: labels. will affect goldens Changes to golden files
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Improve fidelity of CupertinoSliverNavigationBar.search and CupertinoSearchTextField
3 participants