android - 如何为我的整个颤振应用程序提供线性渐变?
问题描述
这是代码,问题是由于主题数据为黑色,圆角周围有黑色间隙。我无法用上述容器中的渐变填充它。图片已附上。任何解决方案?
class _TrackListState extends State<TrackList> {
@override
Widget build(BuildContext context) {
return Scaffold(
body: SafeArea(
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: <Widget>[
Expanded(
child: Container(
height: double.infinity,
//child: Text('hello'),
decoration: BoxDecoration(
gradient: LinearGradient(
colors: [Color(0xFF04DCB6), Color(0xFF6DE079)]),
),
child: Column(
children: <Widget>[],
),
),
),
Expanded(
flex: 3,
child: Container(
//padding: EdgeInsets.symmetric(horizontal: 20),
foregroundDecoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.only(
topLeft: Radius.circular(30),
topRight: Radius.circular(30),
),
),
),
)
],
),
),
);
}
}
解决方案
我在 DartPad 上进行了测试。试试看。使用堆栈,您可以填充背景并在其上绘制。
@override
Widget build(BuildContext context) {
return Stack(
fit: StackFit.expand,
children: <Widget>[
Container(
decoration: BoxDecoration(
gradient:
LinearGradient(colors: [Color(0xFF04DCB6), Color(0xFF6DE079)]),
),
),
Positioned.fill(
top: 80,
child: Container(
foregroundDecoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.only(
topLeft: Radius.circular(30),
topRight: Radius.circular(30),
),
),
),
),
],
);
}
推荐阅读
- special-characters - 在 OxygenXML 中打开包含特殊字符的 DITA 文件时出现问题
- python - BeautifulSoup4 和请求模块'IndexError:列表索引超出范围'
- jquery - 如何从自制模态添加到购物车,而不重定向到产品页面?
- many-to-many - 是多哟还是一对多
- python - 如何使用 Python 遍历许多列以获取不是 NaN 的值
- latex - 表格填充宽度,每列 2 列作为多行
- python - 无法将日期解析为 datetime64[ns]
- javascript - 遍历打开和关闭库存头寸的数组/链
- google-apps-script - Google Apps 脚本从 google 目录获取信息
- react-native - 如何将来自 api 的布尔值切换为 true/false(React Native)?