草庐IT

flutter - 对话框内的卡片占据全屏

coder 2023-07-23 原文

我在对话框中使用卡片。即使卡片的子项具有固定宽度和高度的容器小部件，它也会占据全屏。 我正在使用以下代码:

showDialog(context: context, builder: (context)
{
  return Card(
    clipBehavior: Clip.antiAlias,
    shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8.0)),
    elevation: 8.0,
    child: Container(
      width: MediaQuery.of(context).size.width * 0.80,
      height: 300,
      color: const Color(0xFF465A63)
    ),
  );
});

最佳答案

将 Card 包裹在大小受限的小部件中，例如 SizedBox、FractionallySizedBox 或 Container。给它一个特定的大小，并使用 Center 或 Align 将它定位在屏幕上。

默认情况下，showDialog() 方法为您提供整个屏幕来组成一个小部件，而不仅仅是例如 AlertDialog() 小部件使用的小窗口。

关于flutter - 对话框内的卡片占据全屏，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56280268/

的卡占据codesection部件flutter

有关flutter - 对话框内的卡片占据全屏的更多相关文章

  1. Flutter 环境变量配置和flutter doctor中的错误解决 - 2

    一、环境变量右键点击我的电脑-属性：然后找到环境变量 1.Android的SDK不在C盘的话需要额外配这个到用户环境变量：ANDROID_HOMED:\AndroidSDK2.然后在系统变量：Path中添加一条这样的值        D:\Flutter\flutter\bin             这个值写flutter包解压的实际地址即可 3.在系统变量中添加两个镜像变量：        变量名：FLUTTER_STORAGE_BASE_URL      变量值：https://storage.flutter-io.cn        变量名：PUB_HOSTED_URL      变量

  2. ruby - 使用 watir-webdriver 以全屏模式打开浏览器 - 2

    我知道这是一个非常愚蠢的问题。然而，我无法找到如何使用watirwebdriver使浏览器以全屏模式打开。我尝试使用maximize()但没有成功。代码如下所示:require"rubygems"require"watir-webdriver"ff=Watir::Browser.new(:firefox)ff.goto("http://google.com")ff.maximize()得到错误“未定义的方法最大化” 最佳答案 现在，可以最大化浏览器做的事情:require"rubygems"require"watir-webdriv

  3. Android对话框的详细介绍（提示对话框，自定义对话框） - 2

    简介：我们都知道在Android开发中，当我们的程序在与用户交互时，用户会得到一定的反馈，其中以对话框的形式的反馈还是比较常见的，接下来我们来介绍几种常见的对话框的基本使用。前置准备：（文章最后附有所有代码）我们首先先写一个简单的页面用于测试这几种Dialog（对话框）代码如下，比较简单，就不做解释了一、提示对话框（即最普通的对话框）首先我们给普通对话框的按钮设置一个点击事件，然后通过AlertDialog.Builder来构造一个对象，为什么不直接Dialog一个对象，是因为Dialog是一个基类，我们尽量要使用它的子类来进行实例化对象，在实例化对象的时候，需要将当前的上下文传过去，因为我这

  4. 华为OD机试 - 卡片组成的最大数字（C 语言解题）【独家】 - 2

    最近更新的博客华为od2023|什么是华为od，od薪资待遇，od机试题清单华为OD机试真题大全，用Python解华为机试题|机试宝典【华为OD机试】全流程解析+经验分享,题型分享,防作弊指南）华为od机试，独家整理已参加机试人员的实战技巧文章目录使用说明本期题目：卡片组成的最大数字题目输入输出描述示例一输入输出示例二输入输出Code

  5. ruby-on-rails - ActiveRecord 与两个数据库对话？ - 2

    我们最近改进了一个项目，希望将我们所有的旧数据带入新系统。问题在于架构略有不同，因此无法直接导入SQL。由于一些非规范化和数据库更改，我们需要在数据准备好导入之前对数据进行一些处理。我希望是这样的:OldUser.all.eachdo|ou|NewUser.create({:first_name=>ou.first_name:last_name=>ou.last_name:login=>ou.login:company_name=>ou.company.name})end在上面的示例中，OldUser正在从旧数据库读取数据，而NewUser正在处理新数据库。我需要两组模型(新的和旧的)

  6. ruby - 使用 Sinatra 时与数据库对话的最佳方式是什么？ - 2

    据我了解，与Rails不同，Sinatra框架不提供ORM。在那种情况下，您如何与Sinatra应用程序中的数据库对话？还是Sinatra仅适用于不使用数据库的应用程序？ 最佳答案 如果您使用的是Sinatra，我不推荐DataMapper足够高。我有几个Rails应用程序，其中我坚持使用ActiveRecord，并且我一直在诅咒它的缺点和设计缺陷。如果您使用Sinatra，DataMapper是一个非常实用的选择。require"rubygems"require"sinatra"require"datamapper"DataMap

  7. javascript - colorbox 中的 jquery-ui 对话框导致超出最大调用堆栈大小错误 - 2

    我正在使用jquery-ui，它的dialog功能可以在我的网络应用程序中显示模态对话框。它工作正常。在一个用例中，我在屏幕上有一个colorbox弹出窗口，一旦用户完成输入，我需要显示一个确认对话框。由于在我尝试过的所有主要浏览器上的错误处理，这里的一切实际上都有效，但我担心javascript引擎和浏览器的某些组合可能会导致什么问题。我得到的错误是调用堆栈大小溢出(Chrome将其显示为UncaughtRangeError:Maximumcallstacksizeexceeded.)。模态对话框的代码是:functionmodalDialog(dialogText,dialogTi

  8. javascript - AngularJs 中带有微调器的甜蜜警报对话框 - 2

    我正在尝试在sweetalert对话框中显示一个微调器，类似于Bootstrap模态对话框(http://jsfiddle.net/D6rD6/5/)我能想到的最接近的是这样的:SweetAlert.swal({title:'Importerrorsoccurred!',text:'',html:true,customClass:'manual-upload-errors-swal-width'});如果这不可能，那么最接近和最好的解决方案是什么？ 最佳答案 原版sweetalert插件不支持，建议使用SweetAlert2插件。迁

  9. javascript - Facebook JavaScript 发送对话框，回调函数不正确 - 2

    我正在尝试在FB.ui(发送对话框)中执行回调函数。它在加载FB.ui时同时调用，但我想在按下“发送”或“取消”按钮后执行回调函数。可以实现吗？functioncallback(response){alert('messagewassent');}FB.ui({method:'send',name:'Dialog',link:'http://***.com',redirect_uri:'****',description:'***',picture:'***',to:userId},callback(response)); 最佳答案

  10. javascript - 在 Google Chrome 中使用全屏 API 时，我无法在输入元素中使用字母数字键盘 - 2

    在GoogleChrome中，当我使用FullScreenAPI并尝试在输入元素中输入字母数字内容时，它没有执行任何操作。它适用于Firefox。他们是GoogleChrome中这个问题的解决方法吗？ 最佳答案 docElm.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);检查thislink链接内容:FullscreenwithkeyinputForsecurityreasons,mostkeyboardinputshavebeenblockedinthefullscre

随机推荐