fix: widget overflow

This commit is contained in:
2024-02-20 15:22:05 +07:00
parent dfb947dce5
commit e510aaefd7
3 changed files with 184 additions and 147 deletions

View File

@@ -1,5 +1,3 @@
import 'dart:math';
import 'package:cims_apps/application/assets/path_assets.dart';
import 'package:cims_apps/application/component/image/image_view.dart';
import 'package:cims_apps/application/theme/color_palette.dart';
@@ -70,7 +68,7 @@ class _PortofolioViewState extends State<PortofolioView> {
),
const Center(
child: Text(
'Portofolio',
'Portfolio',
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.w700,
@@ -125,20 +123,22 @@ class _PortofolioViewState extends State<PortofolioView> {
),
Column(
children: [
const Text('Total Mutual Fund',
const Text(
'Total Mutual Fund',
style: TextStyle(
fontWeight: FontWeight.w600,
fontSize: 18,
color: ColorPalette.slate400
),
fontWeight: FontWeight.w600,
fontSize: 18,
color: ColorPalette.slate400),
),
Text(listInvestmentType.map((e) => e.mutualFunds).reduce((value, element) => value + element).toString(),
style: const TextStyle(
fontSize: 44,
fontWeight: FontWeight.w700
)
)
,
Text(
listInvestmentType
.map((e) => e.mutualFunds)
.reduce(
(value, element) => value + element)
.toString(),
style: const TextStyle(
fontSize: 44,
fontWeight: FontWeight.w700)),
],
)
]),
@@ -168,7 +168,7 @@ class _PortofolioViewState extends State<PortofolioView> {
children: [
Row(
children: [
const Text('Portofolio Value',
const Text('Portfolio Value',
style: TextStyle(color: Colors.white)),
const SizedBox(
width: 8,
@@ -179,8 +179,11 @@ class _PortofolioViewState extends State<PortofolioView> {
seePortofolioValue = !seePortofolioValue;
});
},
child: const Icon(Icons.visibility_outlined,
color: Color(0xff93C5FD)))
child: Icon(
seePortofolioValue
? Icons.visibility_off_outlined
: Icons.visibility_outlined,
color: const Color(0xff93C5FD)))
],
),
const SizedBox(
@@ -197,7 +200,10 @@ class _PortofolioViewState extends State<PortofolioView> {
firstChild: RichText(
text: const TextSpan(
text: 'Rp ',
style: TextStyle(fontSize: 32, color: Color(0xff93C5FD), fontFamily: 'Manrope'),
style: TextStyle(
fontSize: 32,
color: Color(0xff93C5FD),
fontFamily: 'Manrope'),
children: [
TextSpan(
text: '22.500.000',
@@ -205,8 +211,7 @@ class _PortofolioViewState extends State<PortofolioView> {
fontSize: 32,
fontFamily: 'Manrope',
fontWeight: FontWeight.bold,
color: Colors.white
),
color: Colors.white),
)
])),
secondChild: Padding(
@@ -276,8 +281,8 @@ class _PortofolioViewState extends State<PortofolioView> {
width: 58,
alignment: Alignment.center,
decoration: BoxDecoration(
shape: BoxShape.circle,
color: bgContentColor[e.key],
shape: BoxShape.circle,
color: bgContentColor[e.key],
),
child: Text(
'${e.value.value}%',