Flutter 颜色不';无法在自定义类上显示 扩展( //弹性:2, 孩子:排( 儿童:[ 扩展(子级:可重用(颜色:颜色(0xBAD681)), 扩大( 子项:可重用(颜色:颜色(0xBAD681)), ) ], )), 类可重用控件{ 可重用({@required this.color,this.cardChild}); 最终颜色; 最后一个孩子; @凌驾 小部件构建(构建上下文){ 返回容器( 孩子:卡片孩子, 边距:所有边缘集(15.0), 装饰:盒子装饰( 边界:边界( 颜色:颜色。灰色, ), 颜色:颜色, 边界半径:边界半径。圆形(10.0)),。 ); } }
这是我用来创建自定义类的代码的一部分,由于某些原因,我无法为其着色!!如果没有边界,可重用类将是不可见的,有什么想法为什么以及如何修复它吗 截图:Flutter 颜色不';无法在自定义类上显示 扩展( //弹性:2, 孩子:排( 儿童:[ 扩展(子级:可重用(颜色:颜色(0xBAD681)), 扩大( 子项:可重用(颜色:颜色(0xBAD681)), ) ], )), 类可重用控件{ 可重用({@required this.color,this.cardChild}); 最终颜色; 最后一个孩子; @凌驾 小部件构建(构建上下文){ 返回容器( 孩子:卡片孩子, 边距:所有边缘集(15.0), 装饰:盒子装饰( 边界:边界( 颜色:颜色。灰色, ), 颜色:颜色, 边界半径:边界半径。圆形(10.0)),。 ); } },flutter,dart,flutter-layout,Flutter,Dart,Flutter Layout,这是我用来创建自定义类的代码的一部分,由于某些原因,我无法为其着色!!如果没有边界,可重用类将是不可见的,有什么想法为什么以及如何修复它吗 截图: 您不能同时提供颜色和装饰 color参数只是装饰:newboxdecoration(color:color)的简写 从容器中删除color参数,并将该参数保留在框中装饰: 然后在装饰中检查颜色是否为空 color:(this.color!=null)?this.color:Colors.grey), 编辑 将color:color更改为color:t
您不能同时提供颜色和装饰 color参数只是
装饰:newboxdecoration(color:color)
的简写
从容器中删除color
参数,并将该参数保留在框中装饰:
然后在装饰中检查颜色是否为空
color:(this.color!=null)?this.color:Colors.grey),
编辑
将color:color
更改为color:this.color
您不能同时提供颜色和装饰
color参数只是装饰:newboxdecoration(color:color)
的简写
从容器中删除color
参数,并将该参数保留在框中装饰:
然后在装饰中检查颜色是否为空
color:(this.color!=null)?this.color:Colors.grey),
编辑
将color:color
更改为color:this.color
我通过创建一个常量变量来解决这个问题,该变量保存自定义类小部件的颜色
Expanded(
//flex: 2,
child: Row(
children: <Widget>[
Expanded(child: Reuseable(colour: Color(0xBAD681))),
Expanded(
child: Reuseable(colour: Color(0xBAD681)),
)
],
)),
class Reuseable extends StatelessWidget {
Reuseable({@required this.colour, this.cardChild});
final Color colour;
final Widget cardChild;
@override
Widget build(BuildContext context) {
return Container(
child: cardChild,
margin: EdgeInsets.all(15.0),
decoration: BoxDecoration(
border: Border.all(
color: Colors.grey,
),
color: colour,
borderRadius: BorderRadius.circular(10.0)),.
);
}
}
const activeCardColour=Color(0xFF1D1E33);
扩大(
//弹性:2,
孩子:排(
儿童:[
扩展(子级:可重用(颜色:ActiveCardColor)),
扩大(
儿童:可重复使用(颜色:ActiveCardColor),
)
],
)),
我通过创建一个常量变量来解决这个问题,该变量保存自定义类小部件的颜色
Expanded(
//flex: 2,
child: Row(
children: <Widget>[
Expanded(child: Reuseable(colour: Color(0xBAD681))),
Expanded(
child: Reuseable(colour: Color(0xBAD681)),
)
],
)),
class Reuseable extends StatelessWidget {
Reuseable({@required this.colour, this.cardChild});
final Color colour;
final Widget cardChild;
@override
Widget build(BuildContext context) {
return Container(
child: cardChild,
margin: EdgeInsets.all(15.0),
decoration: BoxDecoration(
border: Border.all(
color: Colors.grey,
),
color: colour,
borderRadius: BorderRadius.circular(10.0)),.
);
}
}
const activeCardColour=Color(0xFF1D1E33);
扩大(
//弹性:2,
孩子:排(
儿童:[
扩展(子级:可重用(颜色:ActiveCardColor)),
扩大(
儿童:可重复使用(颜色:ActiveCardColor),
)
],
)),
Hello@griffins,我不确定您是否理解正确。装饰中的颜色是边框的颜色,而不是小部件的颜色!我所说的颜色是“可重用类”中的一个参数,但是,即使我这样做,它也不会显示颜色。我已经更新了我的答案,如果它对您有效,请不要忘记标记为answerHello@griffins,我不确定您是否正确获得它。装饰中的颜色是边框的颜色,而不是小部件的颜色!我所说的颜色是“可重用类”中的一个参数,但是,即使我这样做,它也不会显示颜色。我已经更新了我的答案,如果它对您有效,请不要忘记标记为答案