【问题标题】:How can I create an app occupying half of my Android phone screen in Flutter?如何在 Flutter 中创建一个占据 Android 手机一半屏幕的应用程序?
【发布时间】:2020-07-28 12:11:01
【问题描述】:

我需要在 Flutter 中构建一个应用程序。我不希望应用程序完全占据屏幕。我附上了我想要的那种输出,底部是我的应用程序,而不是亚马逊徽标,我想要手机的背景 UI、壁纸和应用程序列表。无论如何我可以做到这一点吗?

我想要的那种输出,底部应该是我的app1

【问题讨论】:

  • 我从来没有写过flutter的经验,但你可能正在寻找一个BottomSheet组件

标签: android flutter flutter-layout


【解决方案1】:

如果您希望您的应用只占用屏幕的一半空间,那么您只需将其作为父容器的高度:

height: MediaQuery.of(context).size.height \ 2

【讨论】:

  • 那么通过这样做,我是否能够保持屏幕的其余部分和手机的 UI 不变?
  • 是的,或者您可以在列中使用两个容器,并用扩展的小部件将它们包装起来。它们都将占据屏幕的一半空间。
  • 感谢它部分工作,应用程序被缩小到上半部分,我需要添加什么才能将它带到下半部分?
  • 为此,我必须查看您的代码,了解如何放置小部件,但我建议您使用 column 并将容器放入其中并用展开的小部件包装它们,这样两者都将占一半屏幕的一半空间。请阅读有关列和扩展小部件的更多信息。
猜你喜欢
  • 2019-12-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-11-20
相关资源
最近更新 更多