[英]card with asset image and text in flutter
我正在嘗試復制 Iphones 的提示應用程序。 這是頁面:
我想在圖片上的 ios 圖像上添加文本“nouveautés”。 我試過這樣:
Card(
child: Column(
children: <Widget>[
Text('Nouveautés'),
Container(
child: ClipRRect(
borderRadius: BorderRadius.circular(15.0),
child: Image.asset('images/ios14.png')),
),
],
),
margin: EdgeInsets.only(left: 20.0, right: 20.0,top : 5.0),
)
它不起作用,所以我很感激有人的幫助或想法。 先感謝您!
您可以復制粘貼此示例:
class MyWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: Column(
children: [
Card(
child: Container(
height: 300,
width: double.infinity,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(15.0),
image: DecorationImage(
fit: BoxFit.cover,
image: AssetImage('images/ios14.png'))),
child: Padding(
padding: const EdgeInsets.all(10.0),
child: Text('Nouveautés'),
),
),
margin: EdgeInsets.only(left: 20.0, right: 20.0, top: 5.0),
)
],
),
);
}
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.