如何解决Flutter-黑暗主题上的BoxShadow无法正确呈现
在容器上使用盒子阴影似乎无法正确渲染。如果我将背景更改为白色-阴影会像正常情况一样淡出,但是在较暗的背景上-效果看起来像这样
这是我的代码 主屏幕(父窗口小部件)
class HomeScreen extends StatefulWidget {
@override
_HomeScreenState createState() => _HomeScreenState();
}
class _HomeScreenState extends State<HomeScreen> {
@override
Widget build(BuildContext context) {
return Container(
color: kDarkBackground,// (#181818)
child: Column(
mainAxisAlignment: MainAxisAlignment.start,children: [
AlphaCard(),]
)
);
}
}
子窗口小部件(在其中渲染阴影的地方)
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
class AlphaCard extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Padding(
padding: EdgeInsets.fromLTRB(20,40,20,20),child: Container(
height: 166,width: MediaQuery.of(context).size.width,decoration: BoxDecoration(
color: kCardBackground,borderRadius: BorderRadius.all(
Radius.circular(10),),boxShadow: [
BoxShadow(
color: Colors.black,spreadRadius: 0,blurRadius: 15,offset: Offset(0,10))
]
),child: Padding(
padding: EdgeInsets.all(20.0),child: Text('Test'),)),);
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。