wangyang
/
yx_speech_to_text_flutter
1
0
Fork 0
Code Pull Requests Actions Releases Activity

Fix RecordingButton shape: Both states should be circular 

Correction based on user feedback:
- Both idle and recording states use circular shape (BoxShape.circle)
- Remove conditional rectangle shape logic
- Keep color differentiation: blue for idle, red for recording
- Maintain consistent circular InkWell ripple effect

Design now correctly matches the mockup:
🔵 Blue circle (idle/ready to record)
🔴 Red circle (actively recording)

Both buttons maintain the same circular shape with only color changes.
This commit is contained in:
Max 2025-09-09 14:23:47 +08:00
parent 3e8fe73e27
commit ac234d99ec
1 changed files with 1 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
lib/src/widgets/recording_button.dart
View File

@ -216,8 +216,7 @@ class _RecordingButtonState extends State<RecordingButton>
height: widget.size, height: widget.size,
decoration: BoxDecoration( decoration: BoxDecoration(
color: buttonColor, color: buttonColor,
shape: _isListening ? BoxShape.rectangle : BoxShape.circle, shape: BoxShape.circle,
borderRadius: _isListening ? BorderRadius.circular(12) : null,
boxShadow: [ boxShadow: [
BoxShadow( BoxShadow(
color: buttonColor.withValues(alpha: 0.3), color: buttonColor.withValues(alpha: 0.3),