Repository navigation
Closed
flutter/packages
#13436Labels
P2Important issues not at the top of the work listImportant issues not at the top of the work lista: fidelityMatching the OEM platforms betterMatching the OEM platforms betterhas reproducible stepsThe issue has been confirmed reproducible and is ready to work onThe issue has been confirmed reproducible and is ready to work onp: cupertino_uicupertino_ui package in flutter/packagescupertino_ui package in flutter/packagespackageflutter/packages repository. See also p: labels.flutter/packages repository. See also p: labels.team-designOwned by Design Languages teamOwned by Design Languages teamtriaged-designTriaged by Design Languages teamTriaged by Design Languages team
Description
What package does this bug report belong to?
cupertino_ui
What target platforms are you seeing this bug on?
iOS
Have you already upgraded your packages?
Yes
Dependency versions
pubspec.lock
cupertino_ui:
dependency: "direct main"
description:
name: cupertino_ui
sha256: a47c4e7c66fd7444a063a602597fceb238f705c3f6b1322bc0053d0a2638ee6e
url: "https://pub.dev"
source: hosted
version: "1.1.4"
Steps to reproduce
- In light mode, run the code sample and a UIKit
.tinted()button on the same simulator. - Compare the fills.
Expected results
The same fill as UIKit's.
Actual results
Lighter. kCupertinoButtonTintedOpacityLight is 12% (also on main), where UIKit draws about 18%. The docs' gray recipe inherits it. Dark mode matches.
| Fill on white | cupertino_ui | UIKit, iOS 18.5 | UIKit, iOS 26.2 |
|---|---|---|---|
| Tinted | #e0efff, 12% |
#d1e7ff, 18% |
#d1eaff, 18% |
Gray, tinted(color: systemGrey) per the docs |
#f1f1f2 |
#e9e9eb |
#e9e9eb |
Code sample
Code sample
import 'package:cupertino_ui/cupertino_ui.dart';
void main() => runApp(
CupertinoApp(
home: CupertinoPageScaffold(
child: Center(
child: CupertinoButton.tinted(
onPressed: () {},
child: const Text('Save'),
),
),
),
),
);UIKit
var configuration = UIButton.Configuration.tinted()
configuration.title = "Save"
let button = UIButton(configuration: configuration)Flutter Doctor output
Doctor output
[✓] Flutter (Channel stable, 3.47.7, on macOS 15.7.9 24G830 darwin-arm64, locale en-US)
• Framework revision abaf9c5237 (2 weeks ago), 2026-10-08 09:51:21 -0700
• Engine revision deb287481e
• Dart version 3.13.5
[!] Xcode - develop for iOS and macOS (Xcode 26.3)Metadata
Metadata
Assignees
Labels
P2Important issues not at the top of the work listImportant issues not at the top of the work lista: fidelityMatching the OEM platforms betterMatching the OEM platforms betterhas reproducible stepsThe issue has been confirmed reproducible and is ready to work onThe issue has been confirmed reproducible and is ready to work onp: cupertino_uicupertino_ui package in flutter/packagescupertino_ui package in flutter/packagespackageflutter/packages repository. See also p: labels.flutter/packages repository. See also p: labels.team-designOwned by Design Languages teamOwned by Design Languages teamtriaged-designTriaged by Design Languages teamTriaged by Design Languages team
Activity
mbcorona commentedon Oct 26, 2026
Hi @LahaLuhem, thanks for the report.
Confirmed: kCupertinoButtonTintedOpacityLight is 0.12 in cupertino_ui (constants.dart). Your PR #13436 moves it to 0.18.
Routing to team-design.
flutter-triage-bot commentedon Oct 27, 2026
The
triaged-windowslabel is irrelevant if there is noteam-windowslabel orfyi-windowslabel.dkwingsmt commentedon Nov 10, 2026
@LahaLuhem Thank you for filing the issue and opening the PR. For the record, can you post the rendering results of the widget before and after the PR and the native button for comparison?
LahaLuhem commentedon Nov 10, 2026
@dkwingsmt I added the screenshots for both UIKit and SwiftUI (both are still same), and the diffs for this PR
[cupertino_ui] Fix the tinted button's fill opacity (flutter#13436)