KazukyAkayashi/m3_lightmeter
KazukyAkayashi/m3_lightmeter
1
0
Fork 0
mirror of https://github.com/vodemn/m3_lightmeter.git synced 2024-10-18 22:30:39 +00:00
Code Issues Projects Releases Packages Wiki Activity

fixed primary color picker overscroll

Browse source
This commit is contained in:
Vadim 2023-02-04 22:56:51 +03:00
parent 00e104de9b
commit b5ebc09d68
1 changed files with 41 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

64
lib/screens/settings/components/primary_color/components/primary_color_picker_dialog/widget_dialog_picker_primary_color.dart
View file

@ -13,10 +13,7 @@ class PrimaryColorDialogPicker extends StatefulWidget {
class _PrimaryColorDialogPickerState extends State<PrimaryColorDialogPicker> {
late Color _selected = Theme.of(context).primaryColor;
late final ScrollController _scrollController = ScrollController(
initialScrollOffset:
ThemeProvider.primaryColorsList.indexOf(_selected) * (Dimens.grid48 + Dimens.grid8),
);
final ScrollController _scrollController = ScrollController();
@override
void dispose() {
@ -37,24 +34,30 @@ class _PrimaryColorDialogPickerState extends State<PrimaryColorDialogPicker> {
content: SizedBox(
height: Dimens.grid48,
width: double.maxFinite,
child: ListView.separated(
child: SingleChildScrollView(
controller: _scrollController,
scrollDirection: Axis.horizontal,
padding: EdgeInsets.zero,
separatorBuilder: (_, __) => const SizedBox(width: Dimens.grid8),
itemCount: ThemeProvider.primaryColorsList.length,
itemBuilder: (_, index) {
final color = ThemeProvider.primaryColorsList[index];
return _SelectableColorItem(
color: color,
selected: color.value == _selected.value,
onTap: () {
setState(() {
_selected = color;
});
child: Row(
children: List.generate(
ThemeProvider.primaryColorsList.length,
(index) {
final color = ThemeProvider.primaryColorsList[index];
return Padding(
padding: EdgeInsets.only(left: index == 0 ? 0 : Dimens.paddingS),
child: _SelectableColorItem(
color: color,
selected: color.value == _selected.value,
onTap: () {
setState(() {
_selected = color;
});
},
),
);
},
);
},
),
),
),
),
actionsPadding: const EdgeInsets.fromLTRB(
@ -79,7 +82,7 @@ class _PrimaryColorDialogPickerState extends State<PrimaryColorDialogPicker> {
}
}
class _SelectableColorItem extends StatelessWidget {
class _SelectableColorItem extends StatefulWidget {
final Color color;
final bool selected;
final VoidCallback onTap;
@ -90,19 +93,34 @@ class _SelectableColorItem extends StatelessWidget {
required this.onTap,
}) : super(key: ValueKey(color));
@override
State<_SelectableColorItem> createState() => _SelectableColorItemState();
}
class _SelectableColorItemState extends State<_SelectableColorItem> {
@override
void initState() {
super.initState();
WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
if (widget.selected) {
Scrollable.ensureVisible(context);
}
});
}
@override
Widget build(BuildContext context) {
return GestureDetector(
onTap: onTap,
onTap: widget.onTap,
child: FilledCircle(
size: Dimens.grid48,
color: color,
color: widget.color,
child: AnimatedSwitcher(
duration: Dimens.durationS,
child: selected
child: widget.selected
? Icon(
Icons.check,
color: ThemeData.estimateBrightnessForColor(color) == Brightness.light
color: ThemeData.estimateBrightnessForColor(widget.color) == Brightness.light
? Colors.black
: Colors.white,
)