我已经使用了Container
小部件的gradient
参数,该参数仅在条件为true时显示渐变颜色,否则渐变颜色是透明的。
例外输出:-
如果条件为false,则Container
小部件可以由color
参数中传递的颜色着色。在下面的代码中,它是绿色的。
异常输出图像:-
实际产量:-
透明渐变色将覆盖指定给color
参数的颜色
实际输出图像:-
注意:-color
参数可以有不同的颜色,因为它也依赖于一些布尔标志,因此将gradient
参数设置为相同的颜色将不起作用。
代码:-
import 'package:flutter/material.dart';
void main() => runApp(const ExampleApp());
class ExampleApp extends StatefulWidget {
const ExampleApp({Key? key}) : super(key: key);
@override
State<ExampleApp> createState() => _ExampleAppState();
}
class _ExampleAppState extends State<ExampleApp> {
bool showGradient = false;
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Center(
child: Container(
decoration: BoxDecoration(
gradient: LinearGradient(colors: [
showGradient ? Colors.blue : Colors.transparent,
showGradient ? Colors.orange : Colors.transparent,
]),
color: Colors.green[100],
border: Border.all()),
height: 100,
width: 100,
),
)),
);
}
}
2条答案
按热度按时间yduiuuwa1#
尝试代替
做
w8ntj3qf2#