836 lines
28 KiB
Dart
836 lines
28 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
|
import 'package:flutter_svg/flutter_svg.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:traderscircuit/Utils/Common/CommonAppbar.dart';
|
|
import 'package:traderscircuit/Utils/Common/CustomTextFormField.dart';
|
|
import 'package:traderscircuit/Utils/Common/comonGlassmorphicContainer.dart';
|
|
import 'package:traderscircuit/Utils/Common/sized_box.dart';
|
|
import 'package:traderscircuit/Utils/text.dart';
|
|
import 'package:traderscircuit/view/Sidemenu/ContentByte/PlayerWidget.dart';
|
|
import 'package:traderscircuit/view/Sidemenu/ContentByte/Reels.dart';
|
|
import 'package:traderscircuit/view/Sidemenu/Sidemenu.dart';
|
|
import 'package:traderscircuit/view/onBoarding/splashScreen1.dart';
|
|
|
|
class ContentBytes extends StatefulWidget {
|
|
const ContentBytes({super.key});
|
|
|
|
@override
|
|
State<ContentBytes> createState() => _ContentBytesState();
|
|
}
|
|
|
|
class _ContentBytesState extends State<ContentBytes> {
|
|
GlobalKey<ScaffoldState> _scaffoldKey1 = GlobalKey<ScaffoldState>();
|
|
|
|
final selectedIndex = 0.obs;
|
|
List<String> reels = [
|
|
"assets/images/png/sidemenu/reels1.png",
|
|
"assets/images/png/sidemenu/reels2.png",
|
|
"assets/images/png/sidemenu/reels3.png",
|
|
"assets/images/png/sidemenu/reels4.png",
|
|
];
|
|
|
|
List<String> audionewimage = [
|
|
"assets/images/png/sidemenu/audionew1.png",
|
|
"assets/images/png/sidemenu/audionew2.png",
|
|
"assets/images/png/sidemenu/audionew1.png",
|
|
];
|
|
|
|
List<String> mostread = [
|
|
"assets/images/png/sidemenu/Read1.png",
|
|
"assets/images/png/sidemenu/Read2.png",
|
|
"assets/images/png/sidemenu/Read1.png",
|
|
];
|
|
|
|
List<String> audio = [
|
|
"assets/images/png/sidemenu/audio1.png",
|
|
"assets/images/png/sidemenu/audio2.png",
|
|
"assets/images/png/sidemenu/audio3.png",
|
|
"assets/images/png/sidemenu/audio4.png",
|
|
"assets/images/png/sidemenu/audio1.png",
|
|
"assets/images/png/sidemenu/audio2.png",
|
|
];
|
|
|
|
List<String> audioname = [
|
|
"Week of 21st March 2024",
|
|
"Week of 21st March 2024",
|
|
"Week of 21st March 2024",
|
|
"Week of 21st March 2024",
|
|
"Week of 21st March 2024",
|
|
"Week of 21st March 2024",
|
|
];
|
|
|
|
List<String> audionamenewrelease = [
|
|
"Week of 21st March 2024",
|
|
"Week of 21st March 2024",
|
|
"Week of 21st March 2024",
|
|
];
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
key: _scaffoldKey1,
|
|
backgroundColor: Colors.black,
|
|
extendBody: true,
|
|
appBar: CommonAppbar(titleTxt: "Content Bytes"),
|
|
body: Stack(
|
|
children: [
|
|
CommonBlurLeft(),
|
|
CommonBlurRight(),
|
|
Stack(
|
|
children: [
|
|
Padding(
|
|
padding: EdgeInsets.symmetric(horizontal: 16, vertical: 16),
|
|
child: ListView(
|
|
children: [
|
|
SizedBox(
|
|
height: 10,
|
|
),
|
|
DefaultTabController(
|
|
length: 3,
|
|
// initialIndex: selectedIndex.value,
|
|
child: Column(
|
|
children: [
|
|
ContentTabBar(),
|
|
SizedBox(
|
|
height: 30.h,
|
|
),
|
|
SizedBox(
|
|
height: 600.h,
|
|
child: TabBarView(
|
|
children: [
|
|
Videos(images: reels),
|
|
Audios(
|
|
audio: audio,
|
|
audioname: audioname,
|
|
audionewimage: audionewimage,
|
|
audionamenewrelease: audionamenewrelease),
|
|
Reads(mostread: mostread),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
sizedBoxHeight(40.h),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class Reads extends StatelessWidget {
|
|
const Reads({
|
|
super.key,
|
|
required this.mostread,
|
|
});
|
|
|
|
final List<String> mostread;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return SingleChildScrollView(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
SizedBox(
|
|
width: 300,
|
|
child: CustomTextFormField(
|
|
leadingIcon: Icon(Icons.search),
|
|
),
|
|
),
|
|
SizedBox(
|
|
width: 15.w,
|
|
),
|
|
Image.asset(
|
|
"assets/images/png/filter.png",
|
|
height: 30.h,
|
|
width: 30.w,
|
|
),
|
|
],
|
|
),
|
|
SizedBox(
|
|
height: 10.h,
|
|
),
|
|
text22W600('Harnessing the Power of Ebooks"'),
|
|
sizedBoxHeight(20.h),
|
|
commonGlassContainer(
|
|
borderradius: 8,
|
|
width: double.infinity,
|
|
height: 150.h,
|
|
customWidget: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
crossAxisAlignment: CrossAxisAlignment.end,
|
|
children: [
|
|
SizedBox(
|
|
width: 10,
|
|
),
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Spacer(),
|
|
SizedBox(
|
|
width: 235.w,
|
|
child: text20W400('"Stock Market Essentials"'),
|
|
),
|
|
sizedBoxHeight(10.h),
|
|
SizedBox(
|
|
width: 230.w,
|
|
child: text16W400(
|
|
'A Comprehensive Guide to Understanding the Market'),
|
|
),
|
|
Spacer()
|
|
],
|
|
),
|
|
SizedBox(
|
|
width: 20,
|
|
),
|
|
Column(
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|
crossAxisAlignment: CrossAxisAlignment.end,
|
|
children: [
|
|
Image.asset(
|
|
"assets/images/png/sidemenu/book1.png",
|
|
height: 110,
|
|
),
|
|
],
|
|
)
|
|
],
|
|
),
|
|
),
|
|
sizedBoxHeight(20.h),
|
|
commonGlassContainer(
|
|
borderradius: 8,
|
|
width: double.infinity,
|
|
height: 150.h,
|
|
customWidget: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
crossAxisAlignment: CrossAxisAlignment.end,
|
|
children: [
|
|
SizedBox(
|
|
width: 10,
|
|
),
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Spacer(),
|
|
SizedBox(
|
|
width: 235.w,
|
|
child: text20W400('"Stock Market Essentials"'),
|
|
),
|
|
sizedBoxHeight(10.h),
|
|
SizedBox(
|
|
width: 230.w,
|
|
child: text16W400(
|
|
'A Comprehensive Guide to Understanding the Market'),
|
|
),
|
|
Spacer()
|
|
],
|
|
),
|
|
SizedBox(
|
|
width: 20,
|
|
),
|
|
Column(
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|
crossAxisAlignment: CrossAxisAlignment.end,
|
|
children: [
|
|
Image.asset(
|
|
"assets/images/png/sidemenu/book1.png",
|
|
height: 110,
|
|
),
|
|
],
|
|
)
|
|
],
|
|
),
|
|
),
|
|
sizedBoxHeight(30.h),
|
|
text22W500("Most Read"),
|
|
sizedBoxHeight(25.h),
|
|
Container(
|
|
height: 220.h,
|
|
child: ListView.separated(
|
|
separatorBuilder: (context, index) {
|
|
return SizedBox(
|
|
width: 10.w,
|
|
);
|
|
},
|
|
scrollDirection: Axis.horizontal,
|
|
itemCount: 3,
|
|
itemBuilder: (context, index) {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Container(
|
|
height: 216.h,
|
|
width: 150.w,
|
|
decoration: BoxDecoration(
|
|
gradient: LinearGradient(
|
|
begin: Alignment.topLeft,
|
|
end: Alignment.bottomRight,
|
|
colors: [
|
|
Colors.white.withOpacity(0.1),
|
|
Color(0xFFFFFFFF).withOpacity(0.05),
|
|
],
|
|
stops: [
|
|
0.1,
|
|
1,
|
|
],
|
|
),
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
child: Image.asset(mostread[index]),
|
|
),
|
|
],
|
|
);
|
|
},
|
|
),
|
|
),
|
|
sizedBoxHeight(30.h),
|
|
text22W500("Previous Read"),
|
|
sizedBoxHeight(20.h),
|
|
Container(
|
|
height: 90.h,
|
|
child: ListView.separated(
|
|
separatorBuilder: (context, index) {
|
|
return SizedBox(
|
|
width: 10.w,
|
|
);
|
|
},
|
|
scrollDirection: Axis.horizontal,
|
|
itemCount: 2,
|
|
itemBuilder: (context, index) {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Container(
|
|
height: 85.h,
|
|
width: 230.w,
|
|
decoration: BoxDecoration(
|
|
gradient: LinearGradient(
|
|
begin: Alignment.topLeft,
|
|
end: Alignment.bottomRight,
|
|
colors: [
|
|
Colors.white.withOpacity(0.1),
|
|
Color(0xFFFFFFFF).withOpacity(0.05),
|
|
],
|
|
stops: [
|
|
0.1,
|
|
1,
|
|
],
|
|
),
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
child: Row(
|
|
// mainAxisAlignment:
|
|
// MainAxisAlignment.start,
|
|
children: [
|
|
SizedBox(
|
|
width: 10,
|
|
),
|
|
Image.asset(mostread[index]),
|
|
SizedBox(
|
|
width: 15.w,
|
|
),
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
|
children: [
|
|
SizedBox(
|
|
width: 135.w,
|
|
child: text12W500("Stock Market Essentials"),
|
|
),
|
|
SizedBox(
|
|
width: 130.w,
|
|
child: text10W300(
|
|
"A Comprehensive Guide to Understanding the Market"),
|
|
)
|
|
],
|
|
)
|
|
],
|
|
),
|
|
),
|
|
],
|
|
);
|
|
},
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class Audios extends StatelessWidget {
|
|
const Audios({
|
|
super.key,
|
|
required this.audio,
|
|
required this.audioname,
|
|
required this.audionewimage,
|
|
required this.audionamenewrelease,
|
|
});
|
|
|
|
final List<String> audio;
|
|
final List<String> audioname;
|
|
final List<String> audionewimage;
|
|
final List<String> audionamenewrelease;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return SingleChildScrollView(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
SizedBox(
|
|
width: 300,
|
|
child: CustomTextFormField(
|
|
leadingIcon: Icon(Icons.search),
|
|
),
|
|
),
|
|
SizedBox(
|
|
width: 15.w,
|
|
),
|
|
Image.asset(
|
|
"assets/images/png/filter.png",
|
|
height: 30.h,
|
|
width: 30.w,
|
|
),
|
|
],
|
|
),
|
|
SizedBox(
|
|
height: 10.h,
|
|
),
|
|
text22W600('Content Bytes'),
|
|
sizedBoxHeight(8.w),
|
|
text16W400_DADADA('The Beauty and Power of Video'),
|
|
sizedBoxHeight(20.h),
|
|
Container(
|
|
height: 550,
|
|
child: GridView.builder(
|
|
physics: NeverScrollableScrollPhysics(),
|
|
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
|
|
mainAxisExtent: 172,
|
|
crossAxisCount: 2, // number of items in each row
|
|
mainAxisSpacing: 8.0, // spacing between rows
|
|
crossAxisSpacing: 8.0, // spacing between columns
|
|
),
|
|
|
|
itemCount: 6, // total number of items
|
|
itemBuilder: (context, index) {
|
|
return Container(
|
|
decoration: BoxDecoration(
|
|
gradient: LinearGradient(
|
|
begin: Alignment.topLeft,
|
|
end: Alignment.bottomRight,
|
|
colors: [
|
|
Colors.white.withOpacity(0.1),
|
|
Color(0xFFFFFFFF).withOpacity(0.05),
|
|
],
|
|
stops: [
|
|
0.1,
|
|
1,
|
|
],
|
|
),
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
child: Stack(
|
|
children: [
|
|
Image.asset(
|
|
audio[index],
|
|
),
|
|
Positioned(
|
|
bottom: 5,
|
|
left: 5,
|
|
child: Row(
|
|
children: [
|
|
CircleAvatar(
|
|
radius: 18.sp,
|
|
child: Icon(Icons.headphones),
|
|
),
|
|
SizedBox(
|
|
width: 5.w,
|
|
),
|
|
SizedBox(
|
|
width: 125.w,
|
|
child: text14W500(audioname[index]),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
SizedBox(
|
|
height: 20.h,
|
|
),
|
|
text22W600("New Release"),
|
|
SizedBox(
|
|
height: 25.h,
|
|
),
|
|
Container(
|
|
height: 250.h,
|
|
child: ListView.separated(
|
|
separatorBuilder: (context, index) {
|
|
return SizedBox(
|
|
width: 10,
|
|
);
|
|
},
|
|
scrollDirection: Axis.horizontal,
|
|
itemCount: 3,
|
|
itemBuilder: (context, index) {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Container(
|
|
height: 183.h,
|
|
width: 148.w,
|
|
decoration: BoxDecoration(
|
|
gradient: LinearGradient(
|
|
begin: Alignment.topLeft,
|
|
end: Alignment.bottomRight,
|
|
colors: [
|
|
Colors.white.withOpacity(0.1),
|
|
Color(0xFFFFFFFF).withOpacity(0.05),
|
|
],
|
|
stops: [
|
|
0.1,
|
|
1,
|
|
],
|
|
),
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
child: Stack(
|
|
children: [
|
|
Image.asset(audionewimage[index]),
|
|
Positioned(
|
|
right: 5,
|
|
top: 5,
|
|
child: CircleAvatar(
|
|
radius: 15,
|
|
child: Icon(
|
|
Icons.headphones,
|
|
size: 20,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
SizedBox(
|
|
height: 10,
|
|
),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
children: [
|
|
SizedBox(
|
|
width: 148.w,
|
|
child: text14W500Overflow(audionamenewrelease[index]),
|
|
),
|
|
],
|
|
)
|
|
],
|
|
);
|
|
},
|
|
),
|
|
)
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class Videos extends StatelessWidget {
|
|
const Videos({
|
|
super.key,
|
|
required this.images,
|
|
});
|
|
|
|
final List<String> images;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return SingleChildScrollView(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
SizedBox(
|
|
width: 300,
|
|
child: CustomTextFormField(
|
|
leadingIcon: Icon(Icons.search),
|
|
),
|
|
),
|
|
SizedBox(
|
|
width: 15.w,
|
|
),
|
|
Image.asset(
|
|
"assets/images/png/filter.png",
|
|
height: 30.h,
|
|
width: 30.w,
|
|
),
|
|
],
|
|
),
|
|
SizedBox(
|
|
height: 10.h,
|
|
),
|
|
text22W600('Content Bytes'),
|
|
sizedBoxHeight(8.w),
|
|
text16W400_DADADA('The Beauty and Power of Video'),
|
|
sizedBoxHeight(20.h),
|
|
InkWell(
|
|
onTap: () {
|
|
Get.to(() => PlayerWidget());
|
|
},
|
|
child: commonGlassContainer(
|
|
borderradius: 8,
|
|
width: double.infinity,
|
|
height: 300.h,
|
|
customWidget: Padding(
|
|
padding:
|
|
EdgeInsets.symmetric(vertical: 10.h, horizontal: 10.w),
|
|
child: Column(
|
|
children: [
|
|
Container(
|
|
height: 200.h,
|
|
width: double.infinity,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(8.r),
|
|
image: DecorationImage(
|
|
image: AssetImage(
|
|
'assets/images/png/Rectangle 17934.png'))),
|
|
child: Center(
|
|
child: SvgPicture.asset(
|
|
'assets/images/svg/gridicons_play.svg',
|
|
height: 56.h,
|
|
width: 56.w,
|
|
),
|
|
),
|
|
),
|
|
sizedBoxHeight(20.h),
|
|
Row(
|
|
children: [
|
|
CircleAvatar(
|
|
radius: 23.r,
|
|
backgroundImage: AssetImage(
|
|
'assets/images/png/Ellipse 1494.png'),
|
|
),
|
|
sizedBoxWidth(10.w),
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
text18W500('Week of 21st February 2024'),
|
|
// sizedBoxHeight(10.h),
|
|
text12W400_979797('20k views . 2 days ago'),
|
|
],
|
|
)
|
|
],
|
|
)
|
|
],
|
|
),
|
|
)),
|
|
),
|
|
sizedBoxHeight(20.h),
|
|
InkWell(
|
|
onTap: () {
|
|
Get.to(() {
|
|
PlayerWidget();
|
|
});
|
|
},
|
|
child: commonGlassContainer(
|
|
borderradius: 8,
|
|
width: double.infinity,
|
|
height: 300.h,
|
|
customWidget: Padding(
|
|
padding:
|
|
EdgeInsets.symmetric(vertical: 10.h, horizontal: 10.w),
|
|
child: Column(
|
|
children: [
|
|
Container(
|
|
height: 200.h,
|
|
width: double.infinity,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(8.r),
|
|
image: DecorationImage(
|
|
image: AssetImage(
|
|
'assets/images/png/Rectangle 17934.png'))),
|
|
child: Center(
|
|
child: SvgPicture.asset(
|
|
'assets/images/svg/gridicons_play.svg',
|
|
height: 56.h,
|
|
width: 56.w,
|
|
),
|
|
),
|
|
),
|
|
sizedBoxHeight(20.h),
|
|
Row(
|
|
children: [
|
|
CircleAvatar(
|
|
radius: 23.r,
|
|
backgroundImage: AssetImage(
|
|
'assets/images/png/Ellipse 1494.png'),
|
|
),
|
|
sizedBoxWidth(10.w),
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
text18W500('Week of 21st February 2024'),
|
|
// sizedBoxHeight(10.h),
|
|
text12W400_979797('20k views . 2 days ago'),
|
|
],
|
|
)
|
|
],
|
|
)
|
|
],
|
|
),
|
|
)),
|
|
),
|
|
sizedBoxHeight(15.h),
|
|
text22W600("Reels"),
|
|
sizedBoxHeight(25.h),
|
|
Container(
|
|
height: 500,
|
|
child: GridView.builder(
|
|
physics: NeverScrollableScrollPhysics(),
|
|
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
|
|
mainAxisExtent: 215,
|
|
crossAxisCount: 2, // number of items in each row
|
|
mainAxisSpacing: 8.0, // spacing between rows
|
|
crossAxisSpacing: 8.0, // spacing between columns
|
|
),
|
|
|
|
itemCount: 4, // total number of items
|
|
itemBuilder: (context, index) {
|
|
return InkWell(
|
|
onTap: () {
|
|
Get.to(
|
|
() => Reels(),
|
|
);
|
|
},
|
|
child: Container(
|
|
decoration: BoxDecoration(
|
|
gradient: LinearGradient(
|
|
begin: Alignment.topLeft,
|
|
end: Alignment.bottomRight,
|
|
colors: [
|
|
Colors.white.withOpacity(0.1),
|
|
Color(0xFFFFFFFF).withOpacity(0.05),
|
|
],
|
|
stops: [
|
|
0.1,
|
|
1,
|
|
],
|
|
),
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
child: Image.asset(images[index]),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
sizedBoxHeight(20.h),
|
|
InkWell(
|
|
onTap: () {
|
|
Get.to(() {
|
|
PlayerWidget();
|
|
});
|
|
},
|
|
child: commonGlassContainer(
|
|
borderradius: 8,
|
|
width: double.infinity,
|
|
height: 300.h,
|
|
customWidget: Padding(
|
|
padding:
|
|
EdgeInsets.symmetric(vertical: 10.h, horizontal: 10.w),
|
|
child: Column(
|
|
children: [
|
|
Container(
|
|
height: 200.h,
|
|
width: double.infinity,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(8.r),
|
|
image: DecorationImage(
|
|
image: AssetImage(
|
|
'assets/images/png/Rectangle 17934.png'))),
|
|
child: Center(
|
|
child: SvgPicture.asset(
|
|
'assets/images/svg/gridicons_play.svg',
|
|
height: 56.h,
|
|
width: 56.w,
|
|
),
|
|
),
|
|
),
|
|
sizedBoxHeight(20.h),
|
|
Row(
|
|
children: [
|
|
CircleAvatar(
|
|
radius: 23.r,
|
|
backgroundImage: AssetImage(
|
|
'assets/images/png/Ellipse 1494.png'),
|
|
),
|
|
sizedBoxWidth(10.w),
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
text18W500('Week of 21st February 2024'),
|
|
// sizedBoxHeight(10.h),
|
|
text12W400_979797('20k views . 2 days ago'),
|
|
],
|
|
)
|
|
],
|
|
)
|
|
],
|
|
),
|
|
)),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class ContentTabBar extends StatelessWidget {
|
|
// Set the desired height
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return TabBar(
|
|
tabAlignment: TabAlignment.fill,
|
|
isScrollable: false,
|
|
dividerColor: Colors.transparent,
|
|
labelStyle: TextStyle(
|
|
fontSize: 18.sp,
|
|
color: Colors.white,
|
|
fontWeight: FontWeight.w500,
|
|
fontFamily: 'hiragino'),
|
|
indicatorSize: TabBarIndicatorSize.tab,
|
|
indicatorWeight: 2,
|
|
indicatorColor: const Color(0xff6C0000),
|
|
labelColor: Colors.white,
|
|
unselectedLabelColor: const Color(0xFF464646),
|
|
overlayColor: MaterialStateProperty.all(const Color(0xFFFFFFFF)),
|
|
tabs: const [
|
|
Tab(
|
|
text: 'Videos',
|
|
),
|
|
Tab(
|
|
text: 'Audios',
|
|
),
|
|
Tab(
|
|
text: 'Reads',
|
|
),
|
|
]);
|
|
}
|
|
}
|