getCycleHistoryView function
Implementation
Widget getCycleHistoryView(int index, List<PeriodsDateRange> allPeriodRange) {
return Column(
mainAxisSize: MainAxisSize.min,
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
(index == 0)
? Text(
"${WidgetBaseLanguage.currentCycle}: ${allPeriodRange[index].cycleLength!} ${WidgetBaseLanguage.graphCycleDaysCycle}",
style: const TextStyle(fontWeight: FontWeight.bold),
)
: Text(
"${allPeriodRange[index].cycleLength!} ${WidgetBaseLanguage.graphCycleDaysCycle}",
style: const TextStyle(fontWeight: FontWeight.bold),
),
Padding(
padding: const EdgeInsets.only(top: 5),
child: SizedBox(
height: 8,
child: ListView.builder(
shrinkWrap: true,
scrollDirection: Axis.horizontal,
physics: const ClampingScrollPhysics(),
itemCount: allPeriodRange[index].cycleLength,
itemBuilder: (BuildContext context, int inx) {
return Padding(
padding: const EdgeInsets.only(left: 2),
child: Container(
width: 8,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(12),
color: (inx > allPeriodRange[index].periodDuration!)
? const Color(0x26212121)
: defaultMenstruationColor,
),
),
);
}),
),
),
/* Text(
"${allPeriodRange[index].periodDuration!} ${WidgetBaseLanguage.graphCycleDaysPeriod} , ${allPeriodRange[index].cycleLength!} ${WidgetBaseLanguage.graphCycleDaysCycle}",
style: const TextStyle(color: Color(0xA6212121), fontSize: 10),
),*/
(index != 0)
? Text(
"${CalenderDateUtils.formatFirstDay(DateTime.parse(allPeriodRange[index].cycleStartDate!))} - ${CalenderDateUtils.formatFirstDay(DateTime.parse(allPeriodRange[index].cycleEndDate!))}",
style: const TextStyle(color: Color(0xA6212121), fontSize: 10),
)
: Text(
"${CalenderDateUtils.formatFirstDay(DateTime.parse(allPeriodRange[index].cycleStartDate!))} - ${WidgetBaseLanguage.graphCycleNowTitle}",
style: const TextStyle(color: Color(0xA6212121), fontSize: 10),
),
const SizedBox(
height: 5,
),
],
);
}