gpt4 book ai didi

flutter - 如何使用列表和带有Flutter的颜色设置颜色?

转载 作者:行者123 更新时间:2023-12-03 04:26:40 25 4
gpt4 key购买 nike

我想为每个列表项使用不同的颜色生成水平可滚动列表。
没有ListView.builder提供的“循环”,我可以使用Colors.red定义颜色样本,例如,获得红色。

使用我下面尝试的方法,使用String类型的色板名称,Colors对象的“属性”指示器不起作用。

什么是正确使用的类型?

import 'package:flutter/material.dart';

class SubscriptionFilter extends StatelessWidget {

final List<String> colors = <String>['red', 'blue', 'green', 'yellow', 'orange'];

@override
Widget build(BuildContext context) {
return Container(
margin: EdgeInsets.symmetric(vertical: 20.0),
height: 75.0,
child: ListView.builder(
scrollDirection: Axis.horizontal,
itemCount: colors.length,
itemBuilder: (BuildContext context, int index) {
return Container(
width: 100.0,
color: Colors[index],
);
}
),
);
}
}

最佳答案

将颜色传递为“红色”或“蓝色”将不起作用,您需要修改以下代码。

class SubscriptionFilter extends StatelessWidget  {

final List<Color> colors = <Color>[Colors.red, Colors.blue,Colors.amber];

@override
Widget build(BuildContext context) {
return Container(
margin: EdgeInsets.symmetric(vertical: 20.0),
height: 75.0,
child: ListView.builder(
scrollDirection: Axis.horizontal,
itemCount: colors.length,
itemBuilder: (BuildContext context, int index) {
return Container(
width: 100.0,
color: colors[index],
);
}
),
);
}
}

关于flutter - 如何使用列表和带有Flutter的颜色设置颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59394554/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com