草庐IT

dart - 位于栈内

coder 2023-07-23 原文

如何正确定位小部件？

我想定位应该是通过一些模板而不是眼睛。

假设我希望白色方 block 位于黑色容器的顶部中心，一半在黑色容器内，一半在黑色容器外，我该怎么做？

代码:

Positioned(
                top: 80,
                right: 30,
                left: 30,
                child: Container(
                  height: 200,
                  width: 400.0,
                  color: Colors.black,
                  child: Column(
                    children: <Widget>[],
                  ),
                ),
              ),
              Positioned(
                top: 40,
                child: Container(
                  height: 100.0,
                  width: 100.0,
                  color: Colors.white,
                ),
              ),

最佳答案

你可以这样试试

Stack(
      alignment: Alignment.center,
      children: <Widget>[
          Positioned(
            top: 80,
            right: 30,
            left: 30,
            child: Container(
              height: 200,
              width: 400.0,
              color: Colors.black,
              child: Column(
                children: <Widget>[],
              ),
            ),
          ),
          Positioned(
            top: 40,
            child: Container(
              height: 100.0,
              width: 100.0,
              color: Colors.white,
            ),
          ),
      ],
    )

关于dart - 位于栈内，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56255540/

位于dartsectionchildPositionedflutterflutter-layout

有关dart - 位于栈内的更多相关文章

  1. ruby-on-rails - 如何解析位于 Amazon S3 存储桶中的 CSV 文件 - 2

    下面是我用来从应用程序中解析CSV的代码，但我想解析位于AmazonS3存储桶中的文件。当推送到Heroku时它也需要工作。namespace:csvimportdodesc"ImportCSVDatatoInventory."task:wiwt=>:environmentdorequire'csv'csv_file_path=Rails.root.join('public','wiwt.csv.txt')CSV.foreach(csv_file_path)do|row|p=Wiwt.create!({:user_id=>row[0],:date_worn=>row[1],:inven

  2. ruby - 在 ruby​​ 中对字符串进行排序以使空字符串位于末尾的好方法是什么？ - 2

    在Ruby中，默认排序将空字符串放在第一位。['','g','z','a','r','u','','n'].sort给予:["","","a","g","n","r","u","z"]但是，在end处需要空字符串是很常见的。做类似的事情:['','g','z','a','r','u','','n'].sort{|a,b|a[0]&&b[0]?ab:a[0]?-1:b[0]?1:0}工作并给予:["a","g","n","r","u","z","",""]但是，这不是很可读，也不是很灵活。在Ruby中是否有一种合理且干净的方法让sort将空字符串放在最后？只映射到一个没有空字符串的数组，

  3. ruby - 使用 Foreman 启动位于不同目录的 Rack App - 2

    我有一个成功运行多个进程的Procfile设置:#/Procfileredis:bundleexecredis-serversidekiq:bundleexecsidekiq-v-C./config.ymlforward:forward4567mock-api我需要再添加一个进程-一个位于我机器上不同目录中的Sinatra应用程序。如果我cd到该目录，我可以从终端启动它:$rackup-p4567我可以使用终端从不同的目录启动它:$sh-c'cd/Path/to/project/&&execrackup-p4567'但是我应该如何使用工头来做到这一点。我尝试添加以下内容，但它无声地失败

  4. arrays - 如何从数组中删除位于另一个数组索引处的元素 - 2

    我有两个数组，一个包含数据，一个包含索引。我想知道是否有一些好的方法可以删除indexes中给定位置的data中的元素。我可以做简单的迭代，但我想知道最短的方法是什么:data=['a','b','c','a','b','c','a','b','c']indexes=[2,5,8]//somecodeheredata中的元素在索引恰好与数组索引中的数字重合时消失。它应该看起来像这样:['a','b','a','b','a','b'] 最佳答案 data.values_at(*data.each_index.to_a-indexes)

  5. ruby-on-rails - 保存图表失败!验证 Graphviz 是否已安装并位于您的路径中，或使用 filetype=dot - 2

    当我运行rakedb:migrate时出现这个错误rakeaborted!Savingdiagramfailed!VerifythatGraphvizisinstalledandinyourpath,orusefiletype=dot.完整日志:rakedb:migrateLoadingapplicationenvironment...LoadingcodeinsearchofActiveRecordmodels...GeneratingEntity-RelationshipDiagramfor20models...rakeaborted!Savingdiagramfailed!Ver

  6. ruby - Ruby 解释器位于何处？ - 2

    我在OSX上使用Ruby1.8.7。Ruby解释器位于何处？我的目标是更多地了解Ruby、解释型语言和解释/解析。 最佳答案 如果您在终端中键入ruby，您可以运行whichruby​​来找出将执行的ruby​​所在的位置。如果您想了解有关可执行文件的更多信息，您可以运行:$ls-l$(whichruby)lrwxr-xr-x1rootwheel76Nov812:56/usr/bin/ruby->../../System/Library/Frameworks/Ruby.framework/Versions/Current/usr/b

  7. ruby - 如何动态获取方法的源代码以及该方法位于哪个文件 - 2

    我想知道是否可以动态获取源代码，是否可以获取该方法在哪个文件中。喜欢A.new.method(:a).SOURCE_CODEA.new.method(:a).FILE 最佳答案 使用source_location:classAdeffooendendfile,line=A.instance_method(:foo).source_location#orfile,line=A.new.method(:foo).source_locationputs"Methodfooisdefinedin#{file},line#{line}"#=>

  8. javascript - 如何固定输入的位置，使其始终位于屏幕居中但其大小可以更改的元素下方？ - 2

    我的UI中有一个名为SkyElement的元素，它始终在我的UI中垂直和水平居中。我还有一个输入，称为PencilInput，我希望它始终位于SkyElement下方。在UI中，用户可以更改SkyElement的大小(宽度和高度)，我希望PencilInput位于下方>SkyElement，无论大小。现在，无论大小如何，PencilInput都显示在SkyElement上方。在我的render函数中:PencilInput的HTML:在我的CSS中:@mixinabsolute-center{display:block;position:absolute;top:50%;left:50

  9. javascript - Google Dart JavaScript 转换器是否支持旧版浏览器？ - 2

    GoogleDartJavaScript转换器支持旧版浏览器还是仅支持现代浏览器？ 最佳答案 根据technicaloverviewofitsofficialsite:您将能够以多种方式运行Dart代码:1.将Dart代码转换为可在任何现代浏览器中运行的JavaScript:Chrome、Safari5+和Firefox4+(即将推出更多浏览器支持)。2.在服务器端直接在虚拟机中执行Dart代码3.使用Dartboard在任何浏览器窗口中编写、修改和执行小型Dart程序Dart->JavaScript编译器几乎不可能支持旧版浏览器。

  10. javascript - 用 Dart 可视化？ - 2

    我的工作涉及大量的可视化。我一直在用D3.js和JavaScriptInfovistoolkit我最近了解到Dart如何成为开发Web应用程序的新方法。Q1。Dart是否提供任何用于可视化的库(某种级别的D3.js或JavaScriptInfovistoolkit)？Q2。如果我继续使用Dart，我可以使用D3.js吗？/JavascriptInfovistoolkit与Dart一起？编辑:我在互联网上发现wecanuseJavascriptalongwithDart.我经历了DartFAQ，但无法真正找到与可视化库或D3.js本身相关的任何内容。 最佳答案

随机推荐