D1APP-28 scroll area updated
This commit is contained in:
parent
94098644fc
commit
e65d35d1b8
|
|
@ -2,7 +2,6 @@ import 'package:didvan/constants/app_icons.dart';
|
||||||
import 'package:didvan/pages/home/news/widgets/news_item.dart';
|
import 'package:didvan/pages/home/news/widgets/news_item.dart';
|
||||||
import 'package:didvan/pages/home/radar/widgets/search_field.dart';
|
import 'package:didvan/pages/home/radar/widgets/search_field.dart';
|
||||||
import 'package:didvan/pages/home/widgets/logo_app_bar.dart';
|
import 'package:didvan/pages/home/widgets/logo_app_bar.dart';
|
||||||
import 'package:didvan/widgets/didvan/card.dart';
|
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
class News extends StatelessWidget {
|
class News extends StatelessWidget {
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,7 @@
|
||||||
import 'package:didvan/widgets/didvan/page_view.dart';
|
import 'package:didvan/widgets/didvan/page_view.dart';
|
||||||
|
import 'package:didvan/widgets/didvan/text.dart';
|
||||||
|
import 'package:didvan/widgets/floating_navigation_bar.dart';
|
||||||
|
import 'package:didvan/widgets/skeletun_image.dart';
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
class RadarDetails extends StatelessWidget {
|
class RadarDetails extends StatelessWidget {
|
||||||
|
|
@ -7,7 +10,65 @@ class RadarDetails extends StatelessWidget {
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
return Scaffold(
|
return Scaffold(
|
||||||
body: DidvanPageView(),
|
body: Stack(
|
||||||
|
children: [
|
||||||
|
DidvanPageView(
|
||||||
|
pages: [
|
||||||
|
Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
const SkeletonImage(
|
||||||
|
imageUrl: 'https://wallpapercave.com/wp/wp9373116.jpg',
|
||||||
|
width: double.infinity,
|
||||||
|
height: 200,
|
||||||
|
),
|
||||||
|
const SizedBox(height: 20),
|
||||||
|
for (var i = 0; i < 10; i++)
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.symmetric(horizontal: 16),
|
||||||
|
child: Builder(
|
||||||
|
builder: (context) {
|
||||||
|
switch (i) {
|
||||||
|
case 0:
|
||||||
|
return Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
DidvanText(
|
||||||
|
'تحلیل شکاف فناوری صنعت فولاد ایران',
|
||||||
|
style:
|
||||||
|
Theme.of(context).textTheme.bodyText1,
|
||||||
|
),
|
||||||
|
const SizedBox(height: 8),
|
||||||
|
const DidvanText(
|
||||||
|
'پایگاه خبری معدن نیوز - 2 ساعت پیش',
|
||||||
|
),
|
||||||
|
const SizedBox(height: 8),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
default:
|
||||||
|
return const Padding(
|
||||||
|
padding: EdgeInsets.only(bottom: 8),
|
||||||
|
child: DidvanText(
|
||||||
|
'این سایت امروز (شنبه) تیم منتخب قاره آسیا در سال ۲۰۲۱ میلادی را معرفی کرد که از ایران، سردار آزمون و محمد حسین کنعانیزادگان در ترکیب اصلی و مهدی طارمی و سیدمجید حسینی در جمع بازیکنان ذخیره دیده میشوند.',
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 20),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
const Positioned(
|
||||||
|
bottom: 0,
|
||||||
|
left: 0,
|
||||||
|
right: 0,
|
||||||
|
child: FloatingNavigationBar(),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,94 +1,38 @@
|
||||||
import 'package:carousel_slider/carousel_slider.dart';
|
import 'package:carousel_slider/carousel_slider.dart';
|
||||||
import 'package:didvan/widgets/didvan/card.dart';
|
import 'package:didvan/widgets/didvan/card.dart';
|
||||||
import 'package:didvan/widgets/didvan/text.dart';
|
|
||||||
import 'package:didvan/widgets/floating_navigation_bar.dart';
|
|
||||||
import 'package:didvan/widgets/skeletun_image.dart';
|
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
class DidvanPageView extends StatelessWidget {
|
class DidvanPageView extends StatelessWidget {
|
||||||
const DidvanPageView({Key? key}) : super(key: key);
|
final List<Widget> pages;
|
||||||
|
const DidvanPageView({Key? key, required this.pages}) : super(key: key);
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
final double deviceTopPadding = MediaQuery.of(context).padding.top;
|
final double deviceTopPadding = MediaQuery.of(context).padding.top;
|
||||||
return Stack(
|
return CarouselSlider.builder(
|
||||||
children: [
|
itemCount: 5,
|
||||||
CarouselSlider.builder(
|
options: CarouselOptions(
|
||||||
itemCount: 5,
|
height: double.infinity,
|
||||||
options: CarouselOptions(
|
initialPage: 2,
|
||||||
height: double.infinity,
|
viewportFraction: 0.94,
|
||||||
initialPage: 1,
|
enableInfiniteScroll: false,
|
||||||
viewportFraction: 0.94,
|
),
|
||||||
enableInfiniteScroll: false,
|
itemBuilder: (context, index, realIndex) => SizedBox(
|
||||||
|
height: MediaQuery.of(context).size.height,
|
||||||
|
child: SingleChildScrollView(
|
||||||
|
physics: const BouncingScrollPhysics(),
|
||||||
|
padding: EdgeInsets.only(
|
||||||
|
left: 4,
|
||||||
|
right: 4,
|
||||||
|
top: 16 + deviceTopPadding,
|
||||||
),
|
),
|
||||||
itemBuilder: (context, index, realIndex) => Padding(
|
child: DidvanCard(
|
||||||
padding: EdgeInsets.only(
|
padding: EdgeInsets.zero,
|
||||||
left: 4,
|
enableBorder: false,
|
||||||
right: 4,
|
child: pages[0],
|
||||||
top: 16 + deviceTopPadding,
|
|
||||||
),
|
|
||||||
child: DidvanCard(
|
|
||||||
padding: EdgeInsets.zero,
|
|
||||||
enableBorder: false,
|
|
||||||
child: CustomScrollView(
|
|
||||||
slivers: [
|
|
||||||
const SliverAppBar(
|
|
||||||
automaticallyImplyLeading: false,
|
|
||||||
expandedHeight: 200,
|
|
||||||
flexibleSpace: SkeletonImage(
|
|
||||||
imageUrl: 'https://wallpapercave.com/wp/wp9373116.jpg',
|
|
||||||
width: double.infinity,
|
|
||||||
height: double.infinity,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
SliverPadding(
|
|
||||||
padding: const EdgeInsets.symmetric(
|
|
||||||
vertical: 20, horizontal: 16),
|
|
||||||
sliver: SliverList(
|
|
||||||
delegate: SliverChildBuilderDelegate(
|
|
||||||
(context, index) {
|
|
||||||
switch (index) {
|
|
||||||
case 0:
|
|
||||||
return Column(
|
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
|
||||||
children: [
|
|
||||||
DidvanText(
|
|
||||||
'تحلیل شکاف فناوری صنعت فولاد ایران',
|
|
||||||
style:
|
|
||||||
Theme.of(context).textTheme.bodyText1,
|
|
||||||
),
|
|
||||||
const SizedBox(height: 8),
|
|
||||||
const DidvanText(
|
|
||||||
'پایگاه خبری معدن نیوز - 2 ساعت پیش',
|
|
||||||
),
|
|
||||||
const SizedBox(height: 8),
|
|
||||||
],
|
|
||||||
);
|
|
||||||
default:
|
|
||||||
return const Padding(
|
|
||||||
padding: EdgeInsets.only(bottom: 8),
|
|
||||||
child: DidvanText(
|
|
||||||
'این سایت امروز (شنبه) تیم منتخب قاره آسیا در سال ۲۰۲۱ میلادی را معرفی کرد که از ایران، سردار آزمون و محمد حسین کنعانیزادگان در ترکیب اصلی و مهدی طارمی و سیدمجید حسینی در جمع بازیکنان ذخیره دیده میشوند.',
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
childCount: 10,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
const Positioned(
|
),
|
||||||
left: 0,
|
|
||||||
right: 0,
|
|
||||||
bottom: 0,
|
|
||||||
child: FloatingNavigationBar(),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue