【发布时间】：2022-01-20 07:01:36
【问题描述】：
在这段代码中，我以这种格式“S M T W T F S”显示静态天数，但我想让它动态化。 这是我的代码
SingleChildScrollView(
child: Column(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Padding(
padding: const EdgeInsets.fromLTRB(19, 33, 0, 0),
child:
Image.asset(
'assets/video_cover.png',
height: 120,
width: 100,
),
),
Flexible(
child: Padding(
padding: const EdgeInsets.fromLTRB(19, 50, 0, 0),
child: Column(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'${widget.healthHeroesListData['name']}',
style: GoogleFonts.poppins(
fontSize: 18,
color: Color(0xff444444),
fontWeight: FontWeight.w600,
),
maxLines: 2,
overflow: TextOverflow.ellipsis,
),
Text(
'${widget.healthHeroesListData['areaOfMentoring'].join(', ')}',
style: GoogleFonts.poppins(
fontSize: 12,
color: Color(0xff8F9698),
fontWeight: FontWeight.normal,
),
maxLines: 1,
overflow: TextOverflow.ellipsis,
),
Text(
'For ${widget.healthHeroesListData['packages'][0]["name"]} Membership',
style: GoogleFonts.poppins(
fontSize: 14,
color: Color(0xffC691D3),
fontWeight: FontWeight.w600,
),maxLines: 1,
overflow: TextOverflow.ellipsis,
),
],
),
),
),
],
),
Padding(
padding: const EdgeInsets.fromLTRB(15, 20, 15, 0),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Expanded(
child: Column(
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
'S',
style: GoogleFonts.poppins(
fontSize: 21,
color: const Color(0xFF444444),
),
),
Text(
'M',
style: GoogleFonts.poppins(
fontSize: 21,
color:const Color(0xff8F9698),
),
),Text(
'T',
style: GoogleFonts.poppins(
fontSize: 21,
color: const Color(0xff8F9698),
),
),Text(
'W',
style: GoogleFonts.poppins(
fontSize: 21,
color: const Color(0xff8F9698),
),
),Text(
'T',
style: GoogleFonts.poppins(
fontSize: 21,
color: const Color(0xff8F9698),
),
),Text(
'F',
style: GoogleFonts.poppins(
fontSize: 21,
color: const Color(0xff8F9698),
),
),Text(
'S',
style: GoogleFonts.poppins(
fontSize: 21,
color: const Color(0xFF444444),
),
),
],),
Text(
'Preferable Days',
style: GoogleFonts.poppins(
fontSize: 12,
color: const Color(0xff8F9698)),
),
],
),
),
SizedBox(width: 10,),
Container(
height: 57,
width: 2,
color: Color(0xFFC4C4C4),
),
SizedBox(width: 10,),
Expanded(
child: Column(
children: [
Text(
'${HHListDetails['mentoringChannel']}',
style: GoogleFonts.poppins(
fontSize: 21,
color: const Color(0xFF444444),
),
),
Text(
'Sessions Type',
style: GoogleFonts.poppins(
fontSize: 12,
color: const Color(0xff8F9698)),
),
],
),
),
],
),
),
Padding(
padding: const EdgeInsets.fromLTRB(20, 20, 0, 0),
child: Text(
'About Health Hero',
style: GoogleFonts.poppins(
fontSize: 18,
color: Color(0xFFC691D3),
fontWeight: FontWeight.w500),
),
),
Padding(
padding: const EdgeInsets.fromLTRB(20, 8, 17, 0),
child: Text(
"${HHListDetails['experience']}",
style: GoogleFonts.poppins(
fontSize: 13,
fontWeight: FontWeight.normal,
color: Color(0xff444444),
),
),
),
Padding(
padding: const EdgeInsets.fromLTRB(25, 8, 17, 0),
child: Text(
"• Far far away, behind the word mountains.\n• Far from the countries Vokalia and Consonantia.\n• There live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics.\n A large language ocean. " +
"\n• Far far away, behind the word mountains.\n• Far from the countries Vokalia and Consonantia.\n• There live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics.\n A large language ocean. ",
style: GoogleFonts.poppins(
fontSize: 13,
fontWeight: FontWeight.normal,
color: Color(0xff444444),
),
),
),
],
),
),
在这个屏幕截图中，我的日子有黑色和灰色两种颜色，黑色表示可用天数，灰色表示不可用天数。我想要这个，在我的 api 值中，哪些可用的日子应该是黑色的，而其他的应该是灰色的。
这是我的 json 格式的 api 数据。在这个数据中，我有这个值的“preferrableDays”是“星期二和星期四”
现在我希望无论我的preferrableDays的数据是什么，那一天的字母都应该是黑色的。
{
image: null,
diseaseType: [
Cancer,
Diabetes,
HeartHealth
],
areaOfMentoring: [
Diabetes,
HeartHealth
],
preferrableDays: [
Tuesday,
Thursday
],
isActive: true,
name: AbhijeetVijaivargia,
experience: HEROisamember-drivencollaborationofemployerswhohaveworkplacepreventionandwellnessprogramsfortheiremployees(includingpublicandprivatesectors,
universities,
healthplans,
andhealthsystems),
providersofservicestoemployers(employeehealthandwell-being(HWB)providers,
benefitsconsultants,
healthplans,
andbrokers)andnon-profitorganizations.ManyoftheseindividualsarerecognizedHWBnationalauthoritiesandthoughtleaders.,
numberOfHours: 4,
mentoringChannel: online,
membershipPackage: 8834200c-c62a-4e9a-a1aa-2123d8fdb3b9,
reasonForMentoring: HERO’sfocusistomoveHWBforwardasawidelyacceptedandaccuratelymeasuredstrategytoenhancethehealthofemployeesandtheirdependents,
andthereby,
controlhealthcarecosts,
improveworkperformance,
andmaximizewell-being.OurvisionistoimprovethehealthofAmericansthroughemployerleadership.,
userUuid: 2448e30a-0d29-4139-8b52-b3e05ba62330,
__v: 0,
packages: [
{
colour: #00ff59,
benefits: [
Benefit1isverygood,
Benefit1isverygood
],
isActive: true,
name: Starter,
annualCost: 99.99,
monthlyCost: 9.99,
numberOfHealthHeroSessions: 1,
numberOfWellnessSupportGroups: 1,
uuid: 8834200c-c62a-4e9a-a1aa-2123d8fdb3b9,
image: public/images/packages/image-1641293813729.jpeg,
__v: 0
}
],
id: null
}
【问题讨论】：
标签： flutter dart flutter-layout flutter-animation flutter-test