gpt4 book ai didi

Flutter:图像按钮被圈起来

转载 作者:IT王子 更新时间:2023-10-29 06:59:49 26 4
gpt4 key购买 nike

image description here

我想在屏幕上集中显示 3 个图像按钮,一个在另一个之上,每个按钮都被按下,下面是我的开始代码。

class Escolha extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
),
body: Material(
elevation: 4.0,
shape: CircleBorder(),
color: Colors.transparent,
child: Ink.image(
image: AssetImage('assets/logotipo.png'),
fit: BoxFit.cover,
width: 100.0,
height: 120.0,
child: InkWell(
)
)
)
),
);
}
}

最佳答案

我已经制作了您在链接中提到的图像的用户界面。这是工作代码。

class _HomePageState extends State<HomePage> {
@override
Widget build(BuildContext context) {
return Container(
color: Colors.black,
child: Center(
child: Row(
children: <Widget>[
Expanded(
flex: 2,
child: Container(
height: 2.0,
color: Colors.greenAccent,
),
),
Expanded(flex: 2, child: Image.asset("assets/four.png"),),
Expanded(
flex: 1,
child: Container(
height: 2.0,
color: Colors.greenAccent,
),
),
Expanded(flex: 2, child: Image.asset("assets/three.png"),),
Expanded(
flex: 1,
child: Container(
height: 2.0,
color: Colors.greenAccent,
),
),
Expanded(flex: 2, child: Image.asset("assets/two.png"),),
Expanded(
flex: 1,
child: Container(
height: 2.0,
color: Colors.greenAccent,
),
),
Expanded(flex: 2, child: Image.asset("assets/one.png"),),
Expanded(
flex: 2,
child: Container(
height: 2.0,
color: Colors.greenAccent,
),
),
],
),
),
);
}
}

这是输出。

enter image description here

关于Flutter:图像按钮被圈起来,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52992245/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com