56 lines
1.8 KiB
Dart
56 lines
1.8 KiB
Dart
|
import 'package:flutter/material.dart';
|
||
|
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||
|
|
|
||
|
|
import 'bloc/toggle/toggle_bloc.dart';
|
||
|
|
import 'bloc/toggle/toggle_state.dart';
|
||
|
|
|
||
|
|
class CustomToggle extends StatelessWidget {
|
||
|
|
const CustomToggle({super.key});
|
||
|
|
|
||
|
|
@override
|
||
|
|
Widget build(BuildContext context) {
|
||
|
|
return BlocBuilder<ToggleBloc, ToggleState>(
|
||
|
|
builder: (context, state) {
|
||
|
|
bool isOn = state is ToggleOn;
|
||
|
|
|
||
|
|
return GestureDetector(
|
||
|
|
onTap: () {
|
||
|
|
context.read<ToggleBloc>().add(ToggleSwitch());
|
||
|
|
},
|
||
|
|
child: AnimatedContainer(
|
||
|
|
duration: const Duration(milliseconds: 200),
|
||
|
|
width: 50.0,
|
||
|
|
height: 30.0,
|
||
|
|
decoration: BoxDecoration(
|
||
|
|
borderRadius: BorderRadius.circular(15.0),
|
||
|
|
color: isOn ? Colors.green : Colors.grey,
|
||
|
|
),
|
||
|
|
child: Stack(
|
||
|
|
children: [
|
||
|
|
AnimatedPositioned(
|
||
|
|
duration: const Duration(milliseconds: 200),
|
||
|
|
curve: Curves.easeIn,
|
||
|
|
left: isOn ? 20.0 : 0.0,
|
||
|
|
right: isOn ? 0.0 : 20.0,
|
||
|
|
child: AnimatedSwitcher(
|
||
|
|
duration: const Duration(milliseconds: 200),
|
||
|
|
transitionBuilder:
|
||
|
|
(Widget child, Animation<double> animation) {
|
||
|
|
return ScaleTransition(scale: animation, child: child);
|
||
|
|
},
|
||
|
|
child: isOn
|
||
|
|
? Icon(Icons.check_circle,
|
||
|
|
color: Colors.white, size: 30.0, key: UniqueKey())
|
||
|
|
: Icon(Icons.remove_circle_outline,
|
||
|
|
color: Colors.white, size: 30.0, key: UniqueKey()),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
),
|
||
|
|
);
|
||
|
|
},
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|