社区首页 >问答首页 >flutter如何计算屏幕宽度

flutter如何计算屏幕宽度
EN

Stack Overflow用户
提问于 2019-02-16 10:43:01
回答 1查看 448关注 0票数 2

我有一个简单的颤动设置,在分辨率为2960*1440的设备上获得屏幕的宽度。

但是,当我以2960*1440分辨率运行应用程序时,flutter返回411的屏幕宽度。flutter如何计算设备的宽度?

代码语言:javascript
代码运行次数:0
复制
class page extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    final width = MediaQuery.of(context).size.width.toString();

    return Container(
      child: Text("Height : $height and Width : $width"),

    );
  }
}
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-02-16 10:52:44

flutter依赖于MediaQuery方法来计算屏幕尺寸:

代码语言:javascript
代码运行次数:0
复制
  MediaQuery.of(context).size.width ;

根据documentation,它返回屏幕上“逻辑像素”的数量,每个逻辑像素代表几个物理像素,不同的设备使用不同的系数,如果你想要实际的像素数量,你可以使用:

代码语言:javascript
代码运行次数:0
复制
  MediaQuery.of(context).size.width * MediaQuery.of(context).devicePixelRatio ;

对于屏幕高度的实际像素:

代码语言:javascript
代码运行次数:0
复制
  MediaQuery.of(context).size.height * MediaQuery.of(context).devicePixelRatio ;
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54722234

复制
相关文章
js网页如何获取手机屏幕宽度
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/112719.html原文链接:https://javaforall.cn
全栈程序员站长
2022/07/08
10.9K0
flutter 屏幕适配
既然是算法适配就必然少不了获取屏幕宽高,我们用的就是媒体查询(MediaQuery), 下面是封装方法过后的,当然直接使用也是可以的:
用户1974410
2022/09/20
1.3K0
flutter 屏幕适配
WebView显示图片适配屏幕宽度
图片直接就是标签出来的,还是一张巨大的图片,直接导致webview加载只有截取了屏幕大小的宽度,看不到整张图片,测试要求适配屏幕宽度。于是有了这篇博客记录一下,在Webview的setWebViewClient()方法中WebViewClient中在加载完网页后执行一个JavaScript方法,这个JavaScript方法将所有网页中图片的宽度设置为屏幕显示宽度。
1025645
2018/08/23
1.7K0
JavaScript 获取屏幕的高度和宽度
screen.availHeight:显示浏览器的屏幕的可用高度(这个可用高度不包括分配给半永久特性(如屏幕底部的任务栏)的垂直空间。)
aehyok
2018/09/11
7.2K0
JavaScript  获取屏幕的高度和宽度
Flutter之屏幕适配
因移动设备的多样性,特别是 Android 的碎片化严重,存在各种各样的分辨率,而 Flutter 跨平台开发又需同时支持 Android 和 iOS ,为尽可能的还原设计图效果提升用户体验,屏幕适配就势在必行了。
loongwind
2022/09/27
2.1K0
Flutter之屏幕适配
JavaScript、Jquery获取屏幕的宽度和高度
在日常的项目中经常需要获取屏幕的宽度或者高度,简单记录一下: Javascript方法获取: document.body.clientWidth //网页可见区域宽 document.body.clientHeight //网页可见区域高 document.body.offsetWidth //网页可见区域宽(包括边线的宽) document.body.offsetHeight //网页可见区域高(包括边线的高) document.body.scrollWidth //网页正文全文宽 document.b
德顺
2019/11/13
5.3K0
Flutter 密码锁定屏幕
Flutter 让我对高效构建令人愉悦的UI很感兴趣,而且它允许您同时为两个平台创建。直到最近一年,我一直使用touchID和FaceID作为身份验证工具。在任何情况下,如最新的Andriod先决条件所指出的那样,您需要在生物识别认证被破坏或受损的偶然机会上提供选择性的认证策略。
老孟Flutter
2021/06/09
5K0
Flutter 获取屏幕宽高
屏幕宽度: MediaQuery.of(context).size.width 屏幕高度: MediaQuery.of(context).size.height
yechaoa
2022/06/10
1.6K0
spaa: 计算生态位宽度
中使用spaa计算生态位宽度。本文介绍一下。这个包2016年被提交到CRAN上。现在被引了13次。 前文: indicspecies:计算物种与样本之间关系的强度与生态位宽度 介绍过通过资源使用情况来计算生态位宽度的方法。
Listenlii-生物信息知识分享
2020/05/28
5.2K0
Android笔记:TabLayout占不满屏幕所有宽度
刚好在用到原生TabLayout的时候碰到了这个小问题,网上很多文章都很多余,其实很简单,分享大家看一下
程思扬
2022/01/11
9990
flutter 键盘弹出 导致超出屏幕
登录注册页面,表单内容,采用colnum的方式,调起键盘后报错,超过屏幕 return Scaffold( appBar: AppBar( elevation: 0.0, title: new Text("登陆"), ), resizeToAvoidBottomPadding: false, //输入框抵住键盘 );
sinnoo
2020/11/13
1.3K0
微信小程序-自动适配屏幕高度和宽度
微信小程序里面的height和width有几种单位,分别是 rpx px vh 和 vw。
叉叉敌
2019/08/16
11.9K0
css初学 位置随机调整,为屏幕宽度的50%
<!-- .background { background-image:url('面向对象编程.jpg'); background-repeat:no-repeat; background-position:right top; margin-right:1000px width:2000px; padding:10px; margin:10px; z-index:-1;/*-1表示图片位置在文字的后面,即真的变成了背景,但是这里是多此一举,因为上面写了background-image*/ } #font { font-size:30px; } .table { width:20%; border:1px solid black; } #tabel_tr { vertical-align:middle; } #table_td_th { border:1px solid black; background-color:green; color:white; vertical-align:middle; padding:10px } #boeder { width:250px; padding:10px; border:5px solid gray; margin:10px; } #absolute { position:absolute; left:400px; top:500px; } #auto { margin:auto; width:50%; } #inline { display:inline; background-color:#dddddd; } -->
机器学习和大数据挖掘
2019/07/02
1.5K0
【Flutter】屏幕像素适配方案 ( flutter_screenutil 插件 )
在 MyApp 中 , 使用 ScreenUtilInit 作为最顶层的组件 , 包裹 MaterialApp 组件 ;
韩曙亮
2023/03/29
2.1K0
【Flutter】屏幕像素适配方案 ( flutter_screenutil 插件 )
分享个通过CSS让JS判断屏幕宽度的方法
因为最近几天给主题加了视频背景,考虑到手机端是不显示背景的,既然不显示就想着视频资源最好也别加载,给手机端省点流量,于是乎想了个骚气的判断方式。 教程
泽泽社长
2023/04/17
2.4K0
计算滚动条的宽度–js
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/154675.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/07
10.1K0
计算滚动条的宽度–js
Android 获取屏幕高宽度,密度,通知栏高度,截图等常用方法
版权声明:本文为博主原创文章,转载请标明出处。 https://blog.csdn.net/lyhhj/article/details/49105255
Hankkin
2018/09/06
2.2K0
iOS_button自适应宽度 并根据屏幕宽自动换行排列
这里我用了SDAutoLayout, 一个三方布局, 用cocopod安装一下就好;
mikimo
2022/07/20
1.2K0
iOS_button自适应宽度 并根据屏幕宽自动换行排列
最大宽度最小宽度
    css3又加入了min-width,min-height,max-with,max-height等属性
十月梦想
2018/08/29
3.1K0
点击加载更多

相似问题

Flutter -使用整个屏幕宽度的图像

38

如何根据屏幕宽度动态计算值?

16

计算屏幕上字体的宽度

23

体“宽度”属性影响屏幕计算

11

如何阻止css网格宽度超出屏幕宽度,以及浏览器如何计算css网格宽度?

20
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档