Stepper line on active step is not fully colored #169661
Description
Steps to reproduce
Create a simple app with a Stepper component, you will notice that the line of the active step is not fully colored.
Expected results
The expected result should be a fully colored line for the active step
Actual results
Actually this is the current result
Code sample
Code sample
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Center(
child: Stepper(
currentStep: 0,
controlsBuilder: (_, __) => const SizedBox.shrink(),
connectorThickness: 3,
steps: ["test1", "test2", "test3"]
.map(
(s) => Step(
title: Align(
alignment: Alignment.centerLeft,
child: Text(
s,
),
),
content: Align(
alignment: Alignment.centerLeft,
child: Text(
"Content for $s",
),
),
isActive: s == "test1",
),
)
.toList(),
),
),
),
);
}
}
Flutter Doctor output
Doctor output
[✓] Flutter (Channel stable, 3.32.0, on macOS 15.5 24F74 darwin-arm64, locale it-IT)
[✓] Android toolchain - develop for Android devices (Android SDK version 35.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 16.0)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2024.1)
[✓] VS Code (version 1.100.2)
[✓] Connected device (4 available)
[✓] Network resources