如何解决如何删除容器中多余的红色空间?
我在Scaffold窗口小部件中使用bottomNavigationBar窗口小部件,但如附件中所示,我还有一个红色的红色Container覆盖了Scaffold的某些区域。如何清除Container的红色区域?我尝试使用Colors.transparent,但无法正常工作!
在codepen中尝试: Click Here
附件:
完整代码:
import 'package:flutter/material.dart';
void main() {
runApp(
MaterialApp(
home: MyWidget(),),);
}
class MyWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Color(0xff2c3e50),bottomNavigationBar: InkWell(
onTap: () {
print('Hi');
},child: Container(
color:Colors.red,width: 80,height: 80,child: Column(
crossAxisAlignment: CrossAxisAlignment.end,mainAxisAlignment: MainAxisAlignment.end,children: [
Container(
width: 80,decoration: BoxDecoration(
color: Color(
0xFF1D1E33,borderRadius: BorderRadius.only(
topLeft: Radius.circular(25),bottomLeft: Radius.circular(2),topRight: Radius.circular(2),child: Icon(
Icons.add,color: Colors.white,)
],body: Center(
child: Text(
'heello ? ',style: Theme.of(context).textTheme.headline4,);
}
}
解决方法
您必须删除:
color:Colors.red,
第21行。
或将此行替换为:
color:Colors.transparent,
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。