如何在颤振中对堆栈中的图像进行半径处理
How to radius image in stack in flutter
我想对堆栈中的图像进行半径处理
谁能帮帮我:
这是我的代码的一部分:
InkWell(
child: Stack(
children: <Widget>[
new Image.asset('assets/Images/b.jpg',fit: BoxFit.cover,),
Center(child: Text("something",textAlign: TextAlign.center,)),
]
),
onTap: () {
ListOfEpisode();
print("am");
},
),
像这样的半径:
添加 ClipRRect 作为它的父级并给它边框半径
ClipRRect(
borderRadius: BorderRadius.circular(30),
child: Image.network(
'https://picsum.photos/250?image=9',
fit: BoxFit.cover,
),
),
尝试使用容器装饰。
InkWell(
child: Stack(children: <Widget>[
Container(
height: 200,
width: 200,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(40),
image: DecorationImage(
image: AssetImage(
'assets/Images/b.jpg',
),
fit: BoxFit.cover,
)),
child: Center(
child: Text(
"something",
textAlign: TextAlign.center,
),
),
),
]),
onTap: () {
// ListOfEpisode();
// print("am");
},
),
我想对堆栈中的图像进行半径处理 谁能帮帮我:
这是我的代码的一部分:
InkWell(
child: Stack(
children: <Widget>[
new Image.asset('assets/Images/b.jpg',fit: BoxFit.cover,),
Center(child: Text("something",textAlign: TextAlign.center,)),
]
),
onTap: () {
ListOfEpisode();
print("am");
},
),
像这样的半径:
添加 ClipRRect 作为它的父级并给它边框半径
ClipRRect(
borderRadius: BorderRadius.circular(30),
child: Image.network(
'https://picsum.photos/250?image=9',
fit: BoxFit.cover,
),
),
尝试使用容器装饰。
InkWell(
child: Stack(children: <Widget>[
Container(
height: 200,
width: 200,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(40),
image: DecorationImage(
image: AssetImage(
'assets/Images/b.jpg',
),
fit: BoxFit.cover,
)),
child: Center(
child: Text(
"something",
textAlign: TextAlign.center,
),
),
),
]),
onTap: () {
// ListOfEpisode();
// print("am");
},
),