flutter 响应尺寸屏幕抖动：如何设置base_width？

rsl1atfo 于 2023-03-24 发布在 Flutter

关注(0)|答案(1)|浏览(94)

应用程序和代码的图像

我试图做一个响应的屏幕尺寸Flutter应用程序，但屏幕尺寸溢出.
我从figma设计中下载了函数12的代码，并做了一些修改，但我不知道如何根据设备获得基础宽度，以便正确计算FEM。非常感谢。

class _ScheduleState extends State<Schedule> {
  @override
  Widget build(BuildContext context) {
    double baseWidth = 380;
    double fem = MediaQuery.of(context).size.width / baseWidth;
    double ffem = fem * 0.97;

flutter

来源：https://stackoverflow.com/questions/75818680/responsive-size-screen-flutter-how-to-set-base-width

1条答案

按热度按时间

35g0bw711#

Flutter会自动处理响应部分

MediaQuery.of(context).size.width;

这返回屏幕的全宽。你将得到所有设备的精确值。不需要在这里设置基本宽度。
如果需要添加自定义宽度，可以根据从MediaQuery.of（context）.size.width中获得的值设置可用宽度的百分比

MediaQuery.of(context).size.width*0.80

这将返回可用宽度的80%
Flutter中有几种处理文本溢出的方法，建议你在Documentation中看看。

Text(
  'Hello, $_name! How are you?',
  textAlign: TextAlign.center,
  overflow: TextOverflow.ellipsis, // Explore other options of TextOverflow here
  style: const TextStyle(fontWeight: FontWeight.bold),
)

有点脱离上下文，我看到了你附上的图片。我建议当你创建一个页面时，用body和Scaffold扭曲你的容器来删除黄线。

Widget build(BuildContext context) {
    return Scaffold(
        body: Container(),
    )
  }

赞(0）回复(0）举报 2023-03-24

我来回答

flutter 响应尺寸屏幕抖动：如何设置base_width？

1条答案

相关问题

热门标签

最新问答