Skip to content

Flutter 3.16 CupertinoApp and Material Widgets #138621

@Fernandomr88

Description

@Fernandomr88

Is there an existing issue for this?

Steps to reproduce

Just ran the app as usual

Expected results

So I have an App that since upgraded to Flutter 3.16.0 has suffered some changes on colors and text.

I have attached below some pictures of the screen rendered using both Flutter 3.13.9 and 3.16.0 and also the Color Measure tool results on each screen.

What I expected was that the colors remained the same, since I haven't found anything on the changelogs saying anything about changes on that matter.

Also looking at AppBar title, it changed to black with default font, and it was white before with my font.

Actual results

Different colors:

On v3.13.9 those buttons where white (255, 255, 255) and on v3.16.0 became "purple-ish" (246, 240, 248)

Also, AppBar title became black and with different font.

Code sample

This is my CupertinoApp (unchanged from each version)

    final CupertinoApp iosApp = CupertinoApp(
      title: _title,
      debugShowCheckedModeBanner: false,
      theme: const CupertinoThemeData(
        primaryColor: FortmobileColors.purple,
        barBackgroundColor: FortmobileColors.purple,
        scaffoldBackgroundColor: FortmobileColors.purple,
        textTheme: CupertinoTextThemeData(
          textStyle: TextStyle(fontFamily: 'Inter'),
          actionTextStyle: TextStyle(fontFamily: 'Inter'),
          navActionTextStyle: TextStyle(fontFamily: 'Inter'),
          dateTimePickerTextStyle: TextStyle(fontFamily: 'Inter'),
          pickerTextStyle: TextStyle(fontFamily: 'Inter'),
          tabLabelTextStyle: TextStyle(fontFamily: 'Inter'),
          navTitleTextStyle: TextStyle(fontFamily: 'Inter'),
          navLargeTitleTextStyle: TextStyle(fontFamily: 'Inter'),
        ),
        brightness: Brightness.light,
      ),
      initialRoute: '/',
      routes: Routes.getRoutes(context),
      navigatorObservers: <NavigatorObserver>[FirebaseAnalyticsObserver(analytics: Requests.analytics)],
      navigatorKey: NavigationService.navigatorKey,
      color: FortmobileColors.purple,
      localizationsDelegates: const [
        GlobalMaterialLocalizations.delegate,
        GlobalCupertinoLocalizations.delegate,
        DefaultWidgetsLocalizations.delegate,
      ],
      supportedLocales: const [Locale('pt', 'BR')],
    );

Screenshots or Video

Screenshots / Video demonstration

Flutter 3.13.9:

Simulator Screenshot - iPhone 14 Pro - 2023-11-17 at 10 44 54

COLOR:

Captura de Tela 2023-11-17 às 11 30 48

Flutter 3.16.0:

Simulator Screenshot - iPhone 14 Pro - 2023-11-17 at 11 26 48

COLOR

Captura de Tela 2023-11-17 às 11 30 28

Logs

No response

Flutter Doctor output

Doctor output
[✓] Flutter (Channel stable, 3.16.0, on macOS 14.1 23B74 darwin-arm64, locale pt-BR)
    • Flutter version 3.16.0 on channel stable at /Users/fernandorocha/development/flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision db7ef5bf9f (2 days ago), 2023-11-15 11:25:44 -0800
    • Engine revision 74d16627b9
    • Dart version 3.2.0
    • DevTools version 2.28.2

[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
    • Android SDK at /Users/fernandorocha/Library/Android/sdk
    • Platform android-34, build-tools 34.0.0
    • Java binary at: /Applications/Android Studio.app/Contents/jbr/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 17.0.6+0-17.0.6b829.9-10027231)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 15.0.1)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Build 15A507
    • CocoaPods version 1.13.0

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 2022.3)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 17.0.6+0-17.0.6b829.9-10027231)

[✓] VS Code (version 1.84.2)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.76.0

[✓] Connected device (2 available)
    • iPhone 14 Pro (mobile) • FD97ADA4-9B37-4F8B-87EB-60EB9796CC71 • ios            • com.apple.CoreSimulator.SimRuntime.iOS-17-0 (simulator)
    • Chrome (web)           • chrome                               • web-javascript • Google Chrome 119.0.6045.159
    ! Error: Browsing on the local area network for iPad. Ensure the device is unlocked and attached with a cable or associated with the same local area network as this Mac.
      The device must be opted into Developer Mode to connect wirelessly. (code -27)
    ! Error: Browsing on the local area network for Fernando Rocha. Ensure the device is unlocked and attached with a cable or associated with the same local area network as this Mac.
      The device must be opted into Developer Mode to connect wirelessly. (code -27)

[✓] Network resources
    • All expected network resources are available.

• No issues found!

Metadata

Metadata

Labels

P2Important issues not at the top of the work listd: api docsIssues with https://api.flutter.dev/f: cupertinoflutter/packages/flutter/cupertino repositoryf: material designflutter/packages/flutter/material repository.found in release: 3.16Found to occur in 3.16frameworkflutter/packages/flutter repository. See also f: labels.has reproducible stepsThe issue has been confirmed reproducible and is ready to work onteam-designOwned by Design Languages teamtriaged-designTriaged by Design Languages team

Type

No type

Projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions