Flutter,如何使应用程序在移动的和平板电脑中看起来相似(例如,我们可以在平板电脑中使用左右白色)

bmvo0sr5  于 2023-05-19  发布在  Flutter
关注(0)|答案(1)|浏览(167)

我希望我的应用程序保持类似,因为它是在移动的。我想在平板电脑中从左到右添加白色,这样它就不会产生任何混乱,看起来与移动的相似。我已经尝试布局建设者这样做,但在这种情况下,我需要编辑每一个屏幕和我的项目的每一类,我正在寻找其他的东西,可以应用在一个地方,只导致添加白色空白的利润率从左边和右边的平板电脑,使屏幕大小保持不变的移动。

xqk2d5yq

xqk2d5yq1#

您可以使用LayoutBuilder来实现这一点。MainContentWidget是主要的内容小部件。如果屏幕宽度小于600,则呈现主内容小部件,否则,您指定内容宽度,通过下面提供的示例代码,将其指定为屏幕的60%,然后将其放置在中心。

Container(
    constraints: BoxConstraints.expand(),
    color: Theme.of(context).scaffoldBackgroundColor,
    child: LayoutBuilder(
      builder: (BuildContext context, BoxConstraints constraints) {
        if (constraints.maxWidth < 600) {
          return MainContentWidget();
        }

        return Center(
          child: SizedBox(
            width: MediaQuery.of(context).size.width * 0.60,
            child: MainContentWidget(),
          ),
        );
      },
    ),
  )

相关问题