Flutter 进一步全屏显示图像,获取偏移和比例因子

Flutter 进一步全屏显示图像,获取偏移和比例因子,flutter,flutter-layout,Flutter,Flutter Layout,我想在平板电脑上全屏显示图像,并获得图像的新大小和比例因子 需要比例因子和新尺寸,以便在图像上显示其他信息。我想显示标记和其他助手,如屏幕截图 堆栈( 儿童:[ 居中( 孩子:Image.network( 'https://i.ebayimg.com/images/g/jmwAAOxy3NBSpNvN/s-l1600.jpg', 适合:BoxFit.contain, ), ), ] ) 您可以使用堆栈、定位的填充和布局生成器的组合来获得图像的宽度和高度,然后相应地定位您的孩子。当您将其与原始尺

我想在平板电脑上全屏显示图像,并获得图像的新大小和比例因子

需要比例因子和新尺寸,以便在图像上显示其他信息。我想显示标记和其他助手,如屏幕截图

堆栈(
儿童:[
居中(
孩子:Image.network(
'https://i.ebayimg.com/images/g/jmwAAOxy3NBSpNvN/s-l1600.jpg',
适合:BoxFit.contain,
),
),
]
)

您可以使用
堆栈
、定位的
填充
布局生成器
的组合来获得图像的宽度和高度,然后相应地定位您的孩子。当您将其与原始尺寸进行比较时,宽度/高度应足以确定比例因子

@覆盖
小部件构建(构建上下文){
返回脚手架(
正文:中(
子:堆栈(
儿童:[
图像网络(
'https://i.ebayimg.com/images/g/jmwAAOxy3NBSpNvN/s-l1600.jpg',
适合:BoxFit.contain,
),
定位填充(
子:容器(
颜色:颜色。蓝色。不透明度(0.2),
子:布局生成器(
生成器:(上下文、约束){
//在这里你想干什么就干什么
返回文本(constraints.toString());
}
),
),
),
]
),
),
);
}

Stack(
  children: <Widget>[
    Center(
      child: Image.network(
        'https://i.ebayimg.com/images/g/jmwAAOxy3NBSpNvN/s-l1600.jpg',
        fit: BoxFit.contain,
      ),
    ),
  ]
)