gpt4 book ai didi

image - 是什么导致Flutter平台之间的图像宽度/覆盖率差异?

转载 作者:行者123 更新时间:2023-12-03 04:23:34 25 4
gpt4 key购买 nike

我在当前项目中正在使用Tinder式卡片系统,并且在本地android设备上看起来还不错。但是,当我在iOS模拟器上运行时,即使您将其宽度设置为MediaQuery宽度(如在下面的代码中看到的那样),“卡片”小部件中的图像最终仍无法填充 View 。

有谁知道解决方案,或者这只是我必须处理的跨平台问题?

图片:
Android view
iOS view

码:

class TinderCard extends StatelessWidget {

final User user;

const TinderCard({@required this.user});

@override
Widget build(BuildContext context) {
return Container(
width: MediaQuery.of(context).size.width,
child: Card(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(30)//BorderRadius.vertical(top: Radius.circular(30))
),
elevation: 5,
child: curvedClipRect(
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Image(image: NetworkImage(user.profileUrl), width: MediaQuery.of(context).size.width, alignment: Alignment.center,),
Padding(
padding: const EdgeInsets.only(left: 10, bottom: 7, right: 10),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Text("${user.firstName} ${user.lastName}", style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20),),

Text("Height: ${user.height} in."),
Text(user.location),
]
),
),
Row(
children: <Widget>[
IconButton(icon: Icon(Icons.close), onPressed: () {}),
Spacer(),
IconButton(icon: Icon(Icons.check), onPressed: () {}),
],
)
]
),
),
),
);
}
}

最佳答案

我认为这只是设备屏幕比例(宽度高度比例)的差异

您的android设备屏幕与iOS设备屏幕不同。

卡片和图像小部件在两个设备中均保持比例。

验证两个模拟器中的屏幕宽度和高度。

在我看来很好。没有跨平台问题。

关于image - 是什么导致Flutter平台之间的图像宽度/覆盖率差异?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61162296/

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