Skip to content

[tabs_overlay] Migrate to material_ui - #239

Merged
Piinks merged 2 commits into
flutter:mainfrom
pjkammer:tabs-overlay-material-ui
Oct 21, 2026
Merged

Piinks merged 2 commits into
flutter:mainfrom
pjkammer:tabs-overlay-material-ui

Conversation

@pjkammer

@pjkammer pjkammer commented Oct 20, 2026 •

Copy link
Copy Markdown
Contributor

Migrates tabs_overlay from package:flutter/material.dart to package:material_ui/material_ui.dart, where the Material widgets are developed now, so the app compares the platform's tab view with the TabBarView the team works on.

Commits, both unmodified tool output:

  1. Add the dependency. flutter pub add material_ui, which adds material_ui: ^1.7.0. material_ui requires Flutter 3.47.
  2. Switch the import. dart fix --apply --code=migrate_design_widgets switches lib/main.dart, the only file that imported material.dart.

Appearance on an iPhone 17 Pro simulator (iOS 26.4) and a Pixel 8 emulator (Android 17) is the same before and after the change. Each pair of recordings below replays the same scripted gestures before and after.

iOS, swiping to tab 2 and back:

BeforeAfter
ios_before.mp4
ios_after.mp4

Android, tapping the native TAB 2 and swiping back:

BeforeAfter
android_before.mp4
android_after.mp4

Tested with Flutter 3.47.7: flutter analyze, flutter test and dart format are clean, no package:flutter/material.dart import is left, and the integration test passes on both devices.

Part of flutter/flutter#172942

Pre-launch Checklist

  • I read the Contributor Guide and followed the process outlined there for submitting PRs.
  • I read the Tree Hygiene wiki page, which explains my responsibilities.
  • I read the Flutter Style Guide recently, and have followed its advice.
  • I signed the CLA.
  • I listed at least one issue that this PR fixes in the description above.
  • I updated/added relevant documentation (doc comments with ///).
  • I added new tests to check the change I am making, or this PR is test-exempt.
    The existing widget and integration smoke tests cover the change: both run the app, which now builds its tabs from material_ui.
  • All existing and new tests are passing.
    No CI runs tests here. Locally, flutter test passes, and the integration test passes on iOS and Android.

If you need help, consider asking for advice on the #hackers-new channel on Discord.

@pjkammer pjkammer changed the title [tabs_overlay] Migrate to material_ui [tabs_overlay] Migrate to material_ui Oct 20, 2026
Generated with `flutter pub add material_ui` (Flutter 3.47.7), which
picked ^1.7.0. No hand edits.

The lock also gains material_ui's dependencies it didn't have already
(cupertino_ui, flutter_localizations, intl), and its Flutter floor rises
to >=3.47.0 because material_ui requires Flutter 3.47.

Nothing imports material_ui yet. That happens in a subsequent commit.
Generated with `dart fix --apply --code=migrate_design_widgets`
(Dart 3.13.5). No hand edits.
@pjkammer
pjkammer force-pushed the tabs-overlay-material-ui branch from 81b453a to 51957e4 Compare October 21, 2026 17:19
@pjkammer
pjkammer marked this pull request as ready for review October 21, 2026 17:30

@Piinks Piinks left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@Piinks
Piinks merged commit e0312da into flutter:main Oct 21, 2026
7 checks passed
@pjkammer
pjkammer deleted the tabs-overlay-material-ui branch October 21, 2026 21:56
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.

2 participants