111 lines
3.4 KiB
Dart
111 lines
3.4 KiB
Dart
import 'package:didvan/config/design_config.dart';
|
|
import 'package:didvan/pages/home/radar/widgets/categories_gird.dart';
|
|
import 'package:didvan/pages/home/radar/widgets/categories_list.dart';
|
|
import 'package:didvan/pages/home/radar/widgets/search_field.dart';
|
|
import 'package:didvan/widgets/didvan/text.dart';
|
|
import 'package:didvan/widgets/logos/didvan_vertical_logo.dart';
|
|
import 'package:flutter/material.dart';
|
|
|
|
class Radar extends StatefulWidget {
|
|
const Radar({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
State<Radar> createState() => _RadarState();
|
|
}
|
|
|
|
class _RadarState extends State<Radar> {
|
|
final ScrollController _scrollController = ScrollController();
|
|
|
|
bool _isColapsed = false;
|
|
bool _isAnimating = false;
|
|
|
|
@override
|
|
void initState() {
|
|
_scrollController.addListener(() async {
|
|
_handleAnimations();
|
|
});
|
|
super.initState();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final d = MediaQuery.of(context);
|
|
return Scaffold(
|
|
body: Stack(
|
|
children: [
|
|
Theme(
|
|
data: Theme.of(context).copyWith(
|
|
colorScheme: Theme.of(context).colorScheme.copyWith(
|
|
secondary: Colors.white,
|
|
),
|
|
),
|
|
child: CustomScrollView(
|
|
controller: _scrollController,
|
|
slivers: [
|
|
SliverPadding(
|
|
padding: const EdgeInsets.all(
|
|
20,
|
|
).copyWith(top: d.padding.top + 20),
|
|
sliver: SliverToBoxAdapter(
|
|
child: Container(
|
|
alignment: Alignment.centerRight,
|
|
height: 76,
|
|
child: const DidvanHorizontalLogo(),
|
|
),
|
|
),
|
|
),
|
|
const SliverPadding(
|
|
padding: EdgeInsets.symmetric(horizontal: 16),
|
|
sliver: SliverToBoxAdapter(
|
|
child: SearchField(),
|
|
),
|
|
),
|
|
SliverPadding(
|
|
padding:
|
|
const EdgeInsets.only(top: 300, right: 16, bottom: 20),
|
|
sliver: SliverToBoxAdapter(
|
|
child: DidvanText(
|
|
'آخرین رصد',
|
|
style: Theme.of(context).textTheme.subtitle1,
|
|
color: DesignConfig.darkPrimaryColor2,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
CategoriesRow1(isColapsed: _isColapsed),
|
|
CategoriesRow2(isColapsed: _isColapsed),
|
|
CategoriesList(isColapsed: _isColapsed),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
void _handleAnimations() async {
|
|
if (_isAnimating) return;
|
|
final double position = _scrollController.position.pixels;
|
|
if (position > 5 && !_isColapsed) {
|
|
_isColapsed = true;
|
|
setState(() {});
|
|
_isAnimating = true;
|
|
await _scrollController.animateTo(
|
|
380,
|
|
duration: DesignConfig.mediumAnimationDuration,
|
|
curve: Curves.ease,
|
|
);
|
|
_isAnimating = false;
|
|
} else if (position < 380 && _isColapsed) {
|
|
_isColapsed = false;
|
|
setState(() {});
|
|
_isAnimating = true;
|
|
await _scrollController.animateTo(
|
|
0,
|
|
duration: DesignConfig.mediumAnimationDuration,
|
|
curve: Curves.ease,
|
|
);
|
|
_isAnimating = false;
|
|
}
|
|
}
|
|
}
|