flutter界面高度,flutter 界面

Flutter实战巧之-showModalBottomSheet 高度自适应

showModalBottomSheet 所弹出的内容高度是固定的。要想自适应自己布局的高度只需如下两点：

加入 isScrollControlled: true 后，弹窗高度会变成全屏的。接下来就是自己布局中的处理。

BottomPhotoDialog是我自己写的想要弹出的布局。在根节点中用SingleChildScrollView来包裹Column即可让弹窗高度适应布局高度

相关问答

Q1: Flutter 获取是否是暗黑模式,屏幕宽度,屏幕高度

导入 import 'dart:ui';

1.获取  window.platformBrightness 的值  如果是 Brightness.light 代表是正常模式, 如果是Brightness.dark代表是暗黑模式

2.获取屏幕宽高

final double screenWidth = window.physicalSize.width/window.devicePixelRatio;

final double screenHeight = window.physicalSize.height/window.devicePixelRatio;

Q2: Flutter开发Windows 和 Linux 桌面应用，设置默认窗口大小

在用Flutter 开发windows和linux跨平台应用的时候，如何设置默认窗口大小呢？

flutter没有提供统一的api，所以默认的窗口大小是1280x720.

如果我们想要改成自己想要的默认窗口大小呢？比如我想要设置为：512像素宽, 926像素高

我该怎么做呢？

请看我的教程。

首先你确保你已经为项目创建了windows和Linux的支持。

目前Flutter 为windows和linux提供的是托管式运行的主程序，可以理解为一个壳子，这个壳子就是用cpp写的，平台原生的window 窗口。

所以我们可以打开相应的cpp源代码，设置默认窗口大小。

这里先讲windows和linux，因为mac 平台跟windows和linux不一样，后面单独给大家讲解。

我们看图。

源代码路径位于：

windows/runner/main.cpp

找到

第一个参数是宽度，单位是px，第二个是高度，单位是px

修改后重新运行生效。

源代码路径位于：

linux/my_application.cc

找到

方法的第一个数字是宽度，第二个是高度，单位也是px像素。

修改后，重新运行生效。

现在，你已经学会了如何设置初始窗口大小了。