-
Notifications
You must be signed in to change notification settings - Fork 30.1k
Closed
Description
This issue is a bug report.
ChoiceChip's ink/ripple highlight effect should cover all its area, just like a RaisedButton or extended FAB.
However, if the chip is long enough, we can notice that the highlight effect is a circle.
Related comments:
flutter/packages/flutter/lib/src/material/ink_well.dart
Lines 111 to 120 in 216a65b
| /// An [InkResponse] widget does two things when responding to a tap: | |
| /// | |
| /// * It starts to animate a _highlight_. The shape of the highlight is | |
| /// determined by [highlightShape]. If it is a [BoxShape.circle], the | |
| /// default, then the highlight is a circle of fixed size centered in the | |
| /// [InkResponse]. If it is [BoxShape.rectangle], then the highlight is a box | |
| /// the size of the [InkResponse] itself, unless [getRectCallback] is | |
| /// provided, in which case that callback defines the rectangle. The color of | |
| /// the highlight is set by [highlightColor]. | |
| /// |
I could subbmit a MR to fix this recently.
Steps to Reproduce
import 'package:flutter/material.dart';
...
ChoiceChip(
label: Text('short ..'),
onSelected: (x) => {},
selected: false,
),
ChoiceChip(
label: Text('looooooooooooooooooooooooong'),
onSelected: (x) => {},
selected: false,
),
...Logs
$ flutter doctor -v
[✓] Flutter (Channel stable, v1.2.1, on Mac OS X 10.13.6 17G5019, locale en-US)
• Flutter version 1.2.1 at /Users/me/Git/flutter
• Framework revision 8661d8aecd (13 days ago), 2019-02-14 19:19:53 -0800
• Engine revision 3757390fa4
• Dart version 2.1.2 (build 2.1.2-dev.0.0 0a7dcf17eb)
[✗] Android toolchain - develop for Android devices
✗ Unable to locate Android SDK.
Install Android Studio from: https://developer.android.com/studio/index.html
On first launch it will assist you in installing the Android SDK components.
(or visit https://flutter.io/setup/#android-setup for detailed instructions).
If Android SDK has been installed to a custom location, set ANDROID_HOME to that location.
You may also want to add it to your PATH environment variable.
[✓] iOS toolchain - develop for iOS devices (Xcode 10.1)
• Xcode at /Applications/Xcode.app/Contents/Developer
• Xcode 10.1, Build version 10B61
• ios-deploy 1.9.4
• CocoaPods version 1.6.0
[!] Android Studio (not installed)
• Android Studio not found; download from https://developer.android.com/studio/index.html
(or visit https://flutter.io/setup/#android-setup for detailed instructions).
[✓] VS Code (version 1.31.1)
• VS Code at /Applications/Visual Studio Code.app/Contents
• Flutter extension version 2.24.0
[✓] Connected device (1 available)
• iPhone XR • 8E19F9DA-1935-4841-B57E-981CB3627403 • ios • iOS 12.1 (simulator)
! Doctor found issues in 2 categories.
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
No labels
