stack_wallet/lib/pages/exchange_view/sub_widgets/step_row.dart

140 lines
3.2 KiB
Dart

import 'package:flutter/material.dart';
import 'package:stackwallet/pages/exchange_view/sub_widgets/step_indicator.dart';
import 'package:stackwallet/utilities/theme/stack_colors.dart';
class StepRow extends StatelessWidget {
const StepRow({
Key? key,
required this.count,
required this.current,
required this.width,
this.indicatorSize = 16,
this.minSpacing = 4,
}) : super(key: key);
final int count;
final int current;
final double width;
final double indicatorSize;
final double minSpacing;
Color getColor(int index, BuildContext context) {
if (current >= count - 1) {
return Theme.of(context).extension<StackColors>()!.accentColorDark;
}
if (current <= index) {
return Theme.of(context)
.extension<StackColors>()!
.stepIndicatorBGLinesInactive;
} else {
return Theme.of(context).extension<StackColors>()!.stepIndicatorBGLines;
}
}
StepIndicatorStatus getStatus(int index) {
if (current < index) {
return StepIndicatorStatus.incomplete;
} else if (current > index) {
return StepIndicatorStatus.completed;
} else {
return StepIndicatorStatus.current;
}
}
List<Widget> _buildList(double spacerWidth, BuildContext context) {
List<Widget> list = [];
for (int i = 0; i < count - 1; i++) {
list.add(StepIndicator(
step: i + 1,
status: getStatus(i),
));
list.add(_SpacerRow(
width: spacerWidth,
dotSize: 1.5,
spacing: 4,
color: getColor(i, context),
));
}
list.add(StepIndicator(
step: count,
status: getStatus(count - 1),
));
return list;
}
@override
Widget build(BuildContext context) {
final spacerWidth =
((width - (indicatorSize * count)) / (count - 1)) - (2 * minSpacing);
return Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
..._buildList(spacerWidth, context),
],
);
}
}
class _SpacerRow extends StatelessWidget {
const _SpacerRow({
Key? key,
required this.width,
required this.dotSize,
required this.spacing,
required this.color,
}) : super(key: key);
final Color color;
final double width;
final double dotSize;
final double spacing;
@override
Widget build(BuildContext context) {
final count = ((width - dotSize) / (dotSize + spacing)).floor() + 1;
return Row(
children: [
for (int i = 0; i < count - 1; i++)
Row(
children: [
_SpacerDot(
color: color,
size: dotSize,
),
SizedBox(
width: spacing,
),
],
),
_SpacerDot(
color: color,
size: dotSize,
),
],
);
}
}
class _SpacerDot extends StatelessWidget {
const _SpacerDot({
Key? key,
required this.color,
this.size = 1.5,
}) : super(key: key);
final double size;
final Color color;
@override
Widget build(BuildContext context) {
return Container(
width: size,
height: size,
decoration: BoxDecoration(
color: color,
borderRadius: BorderRadius.circular(size),
),
);
}
}