added 'label' and 'message' to toggle switch
This commit is contained in:
parent
417b29c721
commit
386ad8d601
|
@ -4,7 +4,14 @@ import 'package:photos/ente_theme_data.dart';
|
||||||
class ToggleSwitch extends StatefulWidget {
|
class ToggleSwitch extends StatefulWidget {
|
||||||
final bool value;
|
final bool value;
|
||||||
final Function onChanged;
|
final Function onChanged;
|
||||||
const ToggleSwitch({required this.value, required this.onChanged, Key? key})
|
final String? label;
|
||||||
|
final String? message;
|
||||||
|
const ToggleSwitch(
|
||||||
|
{required this.value,
|
||||||
|
required this.onChanged,
|
||||||
|
this.label,
|
||||||
|
this.message,
|
||||||
|
Key? key})
|
||||||
: super(key: key);
|
: super(key: key);
|
||||||
|
|
||||||
@override
|
@override
|
||||||
|
@ -14,13 +21,22 @@ class ToggleSwitch extends StatefulWidget {
|
||||||
class _ToggleSwitchState extends State<ToggleSwitch> {
|
class _ToggleSwitchState extends State<ToggleSwitch> {
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
return SizedBox(
|
final enteTheme = Theme.of(context).colorScheme.enteTheme;
|
||||||
|
return Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
widget.label == null
|
||||||
|
? const SizedBox.shrink()
|
||||||
|
: Text(widget.label!, style: enteTheme.textTheme.body),
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.symmetric(vertical: 4),
|
||||||
|
child: SizedBox(
|
||||||
height: 30,
|
height: 30,
|
||||||
child: FittedBox(
|
child: FittedBox(
|
||||||
fit: BoxFit.contain,
|
fit: BoxFit.contain,
|
||||||
child: Switch.adaptive(
|
child: Switch.adaptive(
|
||||||
activeColor:
|
activeColor: enteTheme.colorScheme.primary400,
|
||||||
Theme.of(context).colorScheme.enteTheme.colorScheme.primary400,
|
inactiveTrackColor: enteTheme.colorScheme.fillMuted,
|
||||||
materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
|
materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
|
||||||
value: widget.value,
|
value: widget.value,
|
||||||
onChanged: (value) async {
|
onChanged: (value) async {
|
||||||
|
@ -29,6 +45,16 @@ class _ToggleSwitchState extends State<ToggleSwitch> {
|
||||||
},
|
},
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
widget.message == null
|
||||||
|
? const SizedBox.shrink()
|
||||||
|
: Text(
|
||||||
|
widget.message!,
|
||||||
|
style: enteTheme.textTheme.small
|
||||||
|
.copyWith(color: enteTheme.colorScheme.textMuted),
|
||||||
|
),
|
||||||
|
],
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue