Notes

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
import 'package:seedwill_first_project/constants/constant.dart';

class ListItem extends StatefulWidget {
const ListItem({Key? key}) : super(key: key);

@override
_ListItemState createState() => _ListItemState();
}

class _ListItemState extends State<ListItem> {
final List<String> _listItemCount = ["1", "2", "3", "4", "5", "6"];

@override
Widget build(BuildContext context) {
return SafeArea(
child: Scaffold(
// floatingActionButton: FloatingActionButton(
// onPressed: () {},
// child: const Icon(Icons.add),
// backgroundColor: Colors.red,
// focusColor: Colors.blue,
// foregroundColor: Colors.amber,
// hoverColor: Colors.green,
// splashColor: Colors.tealAccent,
// ),
body: Column(
children: [
Container(
color: Colors.white38,
child: Row(
children: [
IconButton(
icon: const Icon(
Icons.arrow_back_rounded,
color: Colors.green,
),
onPressed: () {
// Navigator.push(context, MaterialPageRoute(builder: (context)=>filename(),),);
},
),
const SizedBox(
width: 15.0,
),
const Text(
"Top Mutual Schemes fund for you",
style: TextStyle(
fontFamily: FontFamily.montserratSemiBold,
fontSize: 13.5,
color: Colors.black,
),
),
],
),
),
const Divider(
color: Colors.black12,
height: 2,
),
Expanded(
child: _buildListOfBanlDetails(context),
),
const Padding(
padding: EdgeInsets.only(bottom: 18.0),
child: Text(
"Top Mutual Schemes fund for you",
style: TextStyle(
fontSize: 15,
color: Colors.black,
),
),
),
],
),
),
);
}

Widget _buildListOfBanlDetails(BuildContext context) {
return ListView.builder(
shrinkWrap: true,
itemCount: _listItemCount.length,
itemBuilder: (context, index) {
return Padding(
padding: const EdgeInsets.only(left: 15.0, right: 15.0, top: 10),
child: Card(
shadowColor: Colors.black,
elevation: 3.0,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8.0),
),
child: Padding(
padding: const EdgeInsets.only(left: 8.0, right: 8.0, top: 10),
child: Column(
children: [
Row(
children: [
Container(
height: 40,
width: 40,
decoration: BoxDecoration(
color: Colors.red.withOpacity(0.1),
borderRadius: BorderRadius.circular(5),
),
child: Image.asset(Logos.axis),
),
const SizedBox(
width: 15.0,
),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: const [
Text(
"Bank Name",
style: TextStyle(
fontSize: 15,
color: Colors.black,
),
),
Text(
"Plan Growth",
style: TextStyle(
fontSize: 15,
color: Colors.black,
),
),
Text(
"Sectional",
style: TextStyle(
fontSize: 15,
color: Colors.black,
),
),
],
),
const Spacer(),
const Icon(
Icons.star,
color: Colors.yellow,
),
const Text(
"4.5",
style: TextStyle(
color: Colors.yellow,
fontSize: 10,
),
),
],
),
const SizedBox(
height: 5,
),
const Divider(
color: Colors.black26,
height: 2,
),
const SizedBox(
height: 5,
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
"Monthly",
style: TextStyle(
fontSize: 15,
color: Colors.black,
),
),
Row(
children: const [
Icon(
Icons.attach_money,
size: 15,
color: Colors.black,
),
Text(
"369.12",
style: TextStyle(
fontSize: 15,
color: Colors.black,
),
),
],
)
],
),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
"3 Year Return",
style: TextStyle(
fontSize: 15,
color: Colors.black,
),
),
Row(
children: const [
Text(
"363.72%",
style: TextStyle(
fontSize: 15,
color: Colors.black,
),
),
],
)
],
),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
"Fund Size",
style: TextStyle(
fontSize: 15,
color: Colors.black,
),
),
Row(
children: const [
Icon(
Icons.attach_money,
size: 15,
color: Colors.black,
),
Text(
"4985.55 Cr.",
style: TextStyle(
fontSize: 15,
color: Colors.black,
),
),
],
)
],
),
],
),
const SizedBox(
height: 10,
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Column(
children: [
const Text(
"monthly",
style: TextStyle(
fontSize: 15,
color: Colors.black,
),
),
Row(
children: const [
Icon(
Icons.attach_money,
size: 15,
color: Colors.black,
),
Text(
"369.12",
style: TextStyle(
fontSize: 15,
color: Colors.black,
),
),
],
)
],
),
ElevatedButton(
onPressed: () {},
style: ButtonStyle(
backgroundColor:
MaterialStateProperty.all<Color>(Colors.orange),
overlayColor: MaterialStateProperty.all<Color>(
Colors.orangeAccent),
),
child: const Text(
"Invest Now",
style: TextStyle(
fontSize: 15,
color: Colors.white,
),
),
),
],
),
const SizedBox(
height: 10,
),
],
),
),
),
);
},
);
}
}