portfolio and holdings

This commit is contained in:
Rajshinde046
2024-03-22 16:55:59 +05:30
parent 15c07ad03f
commit 2494081efc
11 changed files with 829 additions and 26 deletions

View File

@@ -0,0 +1,665 @@
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,
drawer: Container(width: 320.w, 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',
),
]);
}
}

View File

@@ -0,0 +1,95 @@
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import 'package:lottie/lottie.dart';
import 'package:traderscircuit/Utils/Common/CommonBottomNavigation.dart';
import 'package:traderscircuit/Utils/Common/commonBotton.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 Portfolio extends StatefulWidget {
const Portfolio({super.key});
@override
State<Portfolio> createState() => _PortfolioState();
}
class _PortfolioState extends State<Portfolio> {
GlobalKey<ScaffoldState> _scaffoldKey1 = GlobalKey<ScaffoldState>();
List<String> containerTexts = ["Swing Trade", "Multibagger", "Options"];
final selectedIndex = 0.obs;
@override
Widget build(BuildContext context) {
return Scaffold(
key: _scaffoldKey1,
backgroundColor: Colors.black,
drawer: Container(width: 320.w, 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: Column(
children: [
Row(
children: [
text25W600("My Portfolio"),
],
),
SizedBox(
height: 30.h,
),
Text(
'Please click the "Add" button below to add a portfolio.',
textAlign: TextAlign.center,
style: TextStyle(
color: Colors.white,
fontSize: 16.sp,
fontWeight: FontWeight.w400,
),
),
Spacer(),
LottieBuilder.asset(
"assets/images/empty.json",
width: 200.w,
height: 200.h,
),
Spacer(),
CommonBtn(text: "Add"),
Spacer(),
],
),
),
],
)
],
),
bottomNavigationBar: bottomnavigationbar(mainController),
);
}
}