flutter - 边框半径不适用于容器小部件内
问题描述
边框半径不适用于 child 内部Container
。尝试使用SizedBox
&Stack
小部件。我需要容器内的边框视图。
Scaffold(
appBar: AppBar(
title: new Text("ListView"),
),
body: Center(
child: Padding(
padding: EdgeInsets.all(15.0),
child: Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(15.0),
border: Border.all(
color: Colors.green,
width: 2.0
)
),
child: Container(
color: Colors.red,
)
),
)
)
)
解决方案
试试这个,使用ClipRRect
并嵌套在另一个里面Container
,现在你可以添加不均匀的边框
Container(
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(10),
boxShadow: [BoxShadow(color: Colors.black12, blurRadius: 5)],
),
child: ClipRRect(
borderRadius: BorderRadius.circular(10),
child: Container(
padding: EdgeInsets.all(20),
decoration: BoxDecoration(
border: Border(
left: BorderSide(color: Colors.indigo, width: 5),
),
),
child: Column(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Icon(Icons.home),
Text("Home"),
],
),
),
),
)
推荐阅读
- python - threading.Timer 模块需要建议
- python - 如何使用 for 循环更新 Tkinter 标签/画布小部件中的文本?
- docker - 在 Windows 10 docker 中创建仅主机适配器的问题
- angular - 如何从 API 获取数据作为类的实例
- java - 在多个空格而不是单个空格上拆分字符串?
- xml - 编辑结果中的属性
- git-flow - 请指出我的 git flow 的缺点
- visual-studio - 查找 Visual Studio C++ 项目中的所有错误
- vue.js - “通过导航守卫从 {route} 重定向到 {another route}。” 在进行第二次重定向后
- powerbi - 如何将连接表中的行计数为 Power BI 中的列?