102 lines
3.1 KiB
Dart
102 lines
3.1 KiB
Dart
import 'package:didvan/config/design_config.dart';
|
|
import 'package:didvan/config/theme_data.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/radar_item.dart';
|
|
import 'package:didvan/pages/home/radar/widgets/search_field.dart';
|
|
import 'package:didvan/pages/home/widgets/logo_app_bar.dart';
|
|
import 'package:didvan/widgets/didvan/text.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) {
|
|
return Scaffold(
|
|
body: Stack(
|
|
children: [
|
|
CustomScrollView(
|
|
controller: _scrollController,
|
|
slivers: [
|
|
const SliverToBoxAdapter(child: LogoAppBar()),
|
|
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: Theme.of(context).colorScheme.title,
|
|
),
|
|
),
|
|
),
|
|
SliverPadding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 16),
|
|
sliver: SliverList(
|
|
delegate: SliverChildBuilderDelegate(
|
|
(_, index) => const RadarItem(),
|
|
childCount: 10,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
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;
|
|
}
|
|
}
|
|
}
|