667 lines
23 KiB
Dart
667 lines
23 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
|
import 'package:flutter_svg/svg.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:glassmorphism/glassmorphism.dart';
|
|
import 'package:traderscircuit/Utils/Common/CommonBottomNavigation.dart';
|
|
import 'package:traderscircuit/Utils/Common/commonBotton.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/MainScreen/MainScreen.dart';
|
|
import 'package:traderscircuit/view/Sidemenu/Sidemenu.dart';
|
|
import 'package:traderscircuit/view/onBoarding/splashScreen1.dart';
|
|
|
|
class Holdings extends StatefulWidget {
|
|
const Holdings({super.key});
|
|
|
|
@override
|
|
State<Holdings> createState() => _HoldingsState();
|
|
}
|
|
|
|
class _HoldingsState extends State<Holdings> {
|
|
GlobalKey<ScaffoldState> _scaffoldKey1 = GlobalKey<ScaffoldState>();
|
|
List<String> containerTexts = [
|
|
"Portfolio 1",
|
|
"Portfolio 1",
|
|
"Portfolio 1",
|
|
"Portfolio 1",
|
|
"Portfolio 1"
|
|
];
|
|
final selectedIndex = 0.obs;
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
key: _scaffoldKey1,
|
|
backgroundColor: Colors.black,
|
|
drawerEnableOpenDragGesture: false,
|
|
drawer: Container( child: SideMenu()),
|
|
extendBody: true,
|
|
appBar: AppBar(
|
|
scrolledUnderElevation: 0.0,
|
|
backgroundColor: Colors.black,
|
|
elevation: 0,
|
|
automaticallyImplyLeading: false,
|
|
titleSpacing: 0,
|
|
leading: InkWell(
|
|
onTap: () {
|
|
_scaffoldKey1.currentState?.openDrawer();
|
|
},
|
|
child: Center(
|
|
child: Image.asset(
|
|
'assets/images/png/menu.png',
|
|
height: 15.h,
|
|
width: 20.w,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
body: Stack(
|
|
children: [
|
|
CommonBlurLeft(),
|
|
CommonBlurRight(),
|
|
Stack(
|
|
children: [
|
|
Padding(
|
|
padding: EdgeInsets.symmetric(horizontal: 16, vertical: 16),
|
|
child: ListView(
|
|
physics: NeverScrollableScrollPhysics(),
|
|
children: [
|
|
text25W600("My Portfolio"),
|
|
SizedBox(
|
|
height: 10,
|
|
),
|
|
DefaultTabController(
|
|
length: 5,
|
|
// initialIndex: selectedIndex.value,
|
|
child: Column(
|
|
children: [
|
|
PortfolioTabBar(),
|
|
SizedBox(
|
|
height: 30.h,
|
|
),
|
|
SizedBox(
|
|
height: 570.h,
|
|
child: TabBarView(
|
|
children: [
|
|
DefaultTabController(
|
|
length: 2,
|
|
// initialIndex: selectedIndex.value,
|
|
child: Column(
|
|
children: [
|
|
HoldingsTabBar(),
|
|
Expanded(
|
|
child: TabBarView(
|
|
children: [
|
|
Holdings(),
|
|
PortfolioReview(),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
DefaultTabController(
|
|
length: 2,
|
|
// initialIndex: selectedIndex.value,
|
|
child: Column(
|
|
children: [
|
|
HoldingsTabBar(),
|
|
Expanded(
|
|
child: TabBarView(
|
|
children: [
|
|
Holdings(),
|
|
PortfolioReview(),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
DefaultTabController(
|
|
length: 2,
|
|
// initialIndex: selectedIndex.value,
|
|
child: Column(
|
|
children: [
|
|
HoldingsTabBar(),
|
|
Expanded(
|
|
child: TabBarView(
|
|
children: [
|
|
Holdings(),
|
|
PortfolioReview(),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
DefaultTabController(
|
|
length: 2,
|
|
// initialIndex: selectedIndex.value,
|
|
child: Column(
|
|
children: [
|
|
HoldingsTabBar(),
|
|
Expanded(
|
|
child: TabBarView(
|
|
children: [
|
|
Holdings(),
|
|
PortfolioReview(),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
DefaultTabController(
|
|
length: 2,
|
|
// initialIndex: selectedIndex.value,
|
|
child: Column(
|
|
children: [
|
|
HoldingsTabBar(),
|
|
Expanded(
|
|
child: TabBarView(
|
|
children: [
|
|
Holdings(),
|
|
PortfolioReview(),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
sizedBoxHeight(40.h),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
bottomNavigationBar: bottomnavigationbar(mainController),
|
|
);
|
|
}
|
|
|
|
Widget Holdings() {
|
|
return Obx(() {
|
|
WidgetsBinding.instance.addPostFrameCallback((_) {
|
|
if (selectedIndex == 1) _unlockbottomsheet();
|
|
});
|
|
return selectedIndex == 0
|
|
? Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
sizedBoxHeight(20.h),
|
|
HoldingCard(
|
|
text: 'TATA MOTORS',
|
|
content: 'Text',
|
|
),
|
|
sizedBoxHeight(25.h),
|
|
Table(
|
|
children: [
|
|
TableRow(
|
|
children: [
|
|
TableCell(
|
|
child: Text(
|
|
"Stock Name",
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
fontSize: 16.sp,
|
|
color: Colors.white,
|
|
fontWeight: FontWeight.w500,
|
|
fontFamily: 'manrope'),
|
|
),
|
|
),
|
|
TableCell(
|
|
child: Text(
|
|
"AVG Price",
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
fontSize: 16.sp,
|
|
color: Colors.white,
|
|
fontWeight: FontWeight.w500,
|
|
fontFamily: 'manrope'),
|
|
),
|
|
),
|
|
TableCell(
|
|
child: Text(
|
|
"Quantity",
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
fontSize: 16.sp,
|
|
color: Colors.white,
|
|
fontWeight: FontWeight.w500,
|
|
fontFamily: 'manrope'),
|
|
),
|
|
),
|
|
TableCell(
|
|
child: Text(
|
|
"Exchange",
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
fontSize: 16.sp,
|
|
color: Colors.white,
|
|
fontWeight: FontWeight.w500,
|
|
fontFamily: 'manrope'),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
Divider(
|
|
color: Color(0xFF3A3A3A),
|
|
),
|
|
Expanded(
|
|
child: ListView.separated(
|
|
physics: BouncingScrollPhysics(),
|
|
shrinkWrap: true,
|
|
itemCount: 16,
|
|
itemBuilder: ((context, index) {
|
|
return Table(
|
|
children: [
|
|
TableRow(
|
|
children: [
|
|
TableCell(
|
|
child: Text(
|
|
"TATA MOTORS",
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
fontSize: 16.sp,
|
|
color: Colors.white,
|
|
fontWeight: FontWeight.w500,
|
|
fontFamily: 'manrope'),
|
|
),
|
|
),
|
|
TableCell(
|
|
child: Text(
|
|
"416.66",
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
fontSize: 16.sp,
|
|
color: Colors.white,
|
|
fontWeight: FontWeight.w500,
|
|
fontFamily: 'manrope'),
|
|
),
|
|
),
|
|
TableCell(
|
|
child: Text(
|
|
"3",
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
fontSize: 16.sp,
|
|
color: Colors.white,
|
|
fontWeight: FontWeight.w500,
|
|
fontFamily: 'manrope'),
|
|
),
|
|
),
|
|
TableCell(
|
|
child: Text(
|
|
"BSE",
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
fontSize: 16.sp,
|
|
color: Colors.white,
|
|
fontWeight: FontWeight.w500,
|
|
fontFamily: 'manrope'),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
);
|
|
}),
|
|
separatorBuilder: (BuildContext context, int index) {
|
|
return Divider();
|
|
},
|
|
),
|
|
),
|
|
SizedBox(
|
|
height: 30.h,
|
|
)
|
|
],
|
|
)
|
|
: selectedIndex == 1
|
|
? Column(
|
|
children: [],
|
|
)
|
|
: Column(
|
|
children: [],
|
|
);
|
|
});
|
|
}
|
|
|
|
void _unlockbottomsheet() {
|
|
Get.bottomSheet(
|
|
SizedBox(
|
|
height: 200,
|
|
child: commonGlassContainer(
|
|
width: double.infinity,
|
|
height: 200,
|
|
borderradius: 2,
|
|
customWidget: Column(
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
// Image.asset(
|
|
// 'assets/images/png/Group 1000003722.png',
|
|
// height: 100.h,
|
|
// ),
|
|
// sizedBoxHeight(25.h),
|
|
text20W400('Please subscribed to unlock'),
|
|
sizedBoxHeight(30.h),
|
|
CommonBtn(text: 'Subscribe Now'),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
backgroundColor: Colors.black.withOpacity(0.3),
|
|
);
|
|
}
|
|
|
|
Widget PortfolioReview() {
|
|
List<Map<String, String>> cardSwing = [
|
|
{
|
|
'text': 'Performance Overview:',
|
|
'content':
|
|
'Your portfolio has generated a total return of 15% over the past six months, outperforming the S&P 500 index by 5%.',
|
|
},
|
|
{
|
|
'text': 'Asset Allocation:',
|
|
'content':
|
|
'Your portfolio is well-diversified, with 60% allocated to equities, 30% to bonds, and 10% to cash equivalents.',
|
|
},
|
|
{
|
|
'text': 'Individual Holdings Analysis:',
|
|
'content':
|
|
'Your investment in Company XYZ has performed exceptionally well, with a 25% increase in share price since purchase, driven by strong quarterly earnings.',
|
|
},
|
|
];
|
|
|
|
return SingleChildScrollView(
|
|
child: Column(
|
|
children: [
|
|
sizedBoxHeight(20.h),
|
|
Obx(() {
|
|
return selectedIndex == 0
|
|
? Column(
|
|
children: List.generate(cardSwing.length, (index) {
|
|
return Column(
|
|
children: [
|
|
PortfolioCard(
|
|
text: cardSwing[index]['text']!,
|
|
content: cardSwing[index]['content']!,
|
|
),
|
|
sizedBoxHeight(20.h)
|
|
],
|
|
);
|
|
}),
|
|
)
|
|
: selectedIndex == 1
|
|
? Column(
|
|
children: List.generate(cardSwing.length, (index) {
|
|
return Column(
|
|
children: [
|
|
PortfolioCard(
|
|
text: cardSwing[index]['text']!,
|
|
content: cardSwing[index]['content']!,
|
|
),
|
|
sizedBoxHeight(20.h)
|
|
],
|
|
);
|
|
}),
|
|
)
|
|
: Column(
|
|
children: List.generate(cardSwing.length, (index) {
|
|
return Column(
|
|
children: [
|
|
PortfolioCard(
|
|
text: cardSwing[index]['text']!,
|
|
content: cardSwing[index]['content']!,
|
|
),
|
|
sizedBoxHeight(20.h)
|
|
],
|
|
);
|
|
}),
|
|
);
|
|
}),
|
|
sizedBoxHeight(200.h)
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget PortfolioCard({
|
|
required String text,
|
|
required String content,
|
|
}) {
|
|
return commonGlassContainer(
|
|
width: double.infinity,
|
|
height: 166.h,
|
|
borderradius: 8,
|
|
customWidget: Column(
|
|
children: [
|
|
Padding(
|
|
padding: EdgeInsets.symmetric(vertical: 16.h, horizontal: 16.w),
|
|
child: Row(
|
|
children: [
|
|
Container(
|
|
decoration: BoxDecoration(
|
|
color: Color(0xFF6C0000),
|
|
borderRadius: BorderRadius.circular(2),
|
|
),
|
|
height: 25.h,
|
|
width: 4.w,
|
|
),
|
|
sizedBoxWidth(15.w),
|
|
text18W600(text),
|
|
Spacer(),
|
|
],
|
|
),
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 18),
|
|
child: text16W400(content),
|
|
)
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget HoldingCard({
|
|
required String text,
|
|
required String content,
|
|
}) {
|
|
return commonGlassContainer(
|
|
width: double.infinity,
|
|
height: 166.h,
|
|
borderradius: 8,
|
|
customWidget: Column(
|
|
children: [
|
|
Padding(
|
|
padding: EdgeInsets.symmetric(vertical: 16.h, horizontal: 16.w),
|
|
child: Row(
|
|
children: [
|
|
GlassmorphicContainer(
|
|
width: 47.w,
|
|
height: 47.h,
|
|
borderRadius: 100,
|
|
blur: 10,
|
|
alignment: Alignment.center,
|
|
border: 0.9,
|
|
linearGradient: LinearGradient(
|
|
begin: Alignment.topLeft,
|
|
end: Alignment.bottomRight,
|
|
colors: [
|
|
Color(0xff3A3A3A),
|
|
Color(0xFF3A3A3A),
|
|
],
|
|
),
|
|
borderGradient: LinearGradient(
|
|
begin: Alignment.topLeft,
|
|
end: Alignment.bottomRight,
|
|
colors: [
|
|
Color.fromRGBO(70, 5, 1, 0.8),
|
|
Color.fromRGBO(102, 102, 102, 0.8),
|
|
],
|
|
),
|
|
child: Center(
|
|
child: Image.asset(
|
|
'assets/images/png/TATAMOTORS.NS_BIG 1.png',
|
|
width: 26.w,
|
|
height: 23.h,
|
|
),
|
|
),
|
|
),
|
|
sizedBoxWidth(15.w),
|
|
text18W600(text),
|
|
Spacer(),
|
|
],
|
|
),
|
|
),
|
|
Container(
|
|
width: double.infinity,
|
|
height: 1.h,
|
|
color: Color(0xFF3A3A3A),
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.all(18),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
text14W400_979797('Portfolio Value'),
|
|
sizedBoxHeight(5.h),
|
|
SizedBox(width: 150.w, child: text15W600("₹ 40,000"))
|
|
],
|
|
),
|
|
sizedBoxWidth(30.w),
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
text14W400_979797('%P/L'),
|
|
sizedBoxHeight(5.h),
|
|
text14W400_00FF19("-36.006%")
|
|
],
|
|
)
|
|
],
|
|
),
|
|
],
|
|
),
|
|
)
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget topContainer(String text, int index) {
|
|
return Obx(() {
|
|
return selectedIndex.value == index
|
|
? Container(
|
|
height: 40.h,
|
|
width: 126.w,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(5),
|
|
color: Color(0Xff6C0000),
|
|
),
|
|
child: Center(child: text16W500(text)),
|
|
)
|
|
: commonGlassContainer(
|
|
width: 126.w,
|
|
height: 40.h,
|
|
borderradius: 5,
|
|
customWidget: Center(child: text16W400(text)),
|
|
);
|
|
});
|
|
}
|
|
}
|
|
|
|
class HoldingsTabBar extends StatelessWidget {
|
|
// Set the desired height
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Container(
|
|
decoration: BoxDecoration(
|
|
border: Border.all(color: Color(0Xff3A3A3A)),
|
|
borderRadius: BorderRadius.circular(8.r),
|
|
),
|
|
padding: const EdgeInsets.all(8.0), // Set the desired padding
|
|
child: TabBar(
|
|
indicator: BoxDecoration(
|
|
color: const Color(0xff6C0000),
|
|
borderRadius: BorderRadius.circular(5),
|
|
),
|
|
dividerColor: Colors.transparent,
|
|
labelStyle: TextStyle(
|
|
fontSize: 18.sp,
|
|
color: Colors.white,
|
|
fontWeight: FontWeight.w500,
|
|
fontFamily: 'manrope'),
|
|
indicatorSize: TabBarIndicatorSize.tab,
|
|
indicatorColor: const Color(0xFFFFFFFF),
|
|
labelColor: Colors.white,
|
|
unselectedLabelColor: const Color(0xffFFFFFF),
|
|
overlayColor: MaterialStateProperty.all(const Color(0xFFFFFFFF)),
|
|
tabs: const [
|
|
Tab(
|
|
text: 'Holdings',
|
|
),
|
|
Tab(
|
|
text: 'Portfolio Reviews',
|
|
),
|
|
]),
|
|
);
|
|
}
|
|
}
|
|
|
|
class PortfolioTabBar extends StatelessWidget {
|
|
// Set the desired height
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return TabBar(
|
|
tabAlignment: TabAlignment.start,
|
|
isScrollable: true,
|
|
dividerColor: Colors.transparent,
|
|
labelStyle: TextStyle(
|
|
fontSize: 18.sp,
|
|
color: Colors.white,
|
|
fontWeight: FontWeight.w500,
|
|
fontFamily: 'manrope'),
|
|
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: 'Portfolio 1',
|
|
),
|
|
Tab(
|
|
text: 'Portfolio 2',
|
|
),
|
|
Tab(
|
|
text: 'Portfolio 3',
|
|
),
|
|
Tab(
|
|
text: 'Portfolio 4',
|
|
),
|
|
Tab(
|
|
text: 'Portfolio 5',
|
|
),
|
|
]);
|
|
}
|
|
}
|