草庐IT

flutter - 相对定位小部件

coder 2023-05-09 原文

我正在使用嵌套在 Stack 小部件中的 Positioned 小部件，并为其赋予值 right 和 bottom。

效果很好，直到我在其他尺寸不同的屏幕上尝试了它，正如我所期望的那样。

在谷歌搜索和堆栈溢出后，我找到的所有答案都建议根据设备屏幕 width 和 height 计算位置。 我想知道是否有任何方法可以相对于其父级或堆栈小部件定位小部件 - 例如 position: relative;在 CSS 中 -

  Stack(
                  fit: StackFit.expand,
                  children: <Widget>[
                    Positioned(
                      child: Icon(
                        Icons.touch_app,
                        color: Colors.blueAccent,
                      ),
                      right: 110.0,
                      bottom: 300.0,
                    ),
                    GestureDetector(
                      child: Chart(occData),
                      onTap: _setDetailedView,
                    ),
                  ],
                )

最佳答案

这将是 align

Container(
                          child: Align(
                            alignment: Alignment.bottomRight,
                              child: Text("Comment")
                          ),
                        ),

或

Container(
                          child: Align(
                            alignment: Alignment(x, y), // <-- from 0 to 1, ex. 0.5, 0.5
                              child: Text("Comment")
                          ),
                        ),

您可以对齐 Stack 中的内容，例如:

Stack(
                          children: <Widget>[
                            Align(
                                alignment: Alignment(0.5, 0.3),
                                child: Text("Comment: $comment")
                            ),
                          ],
                        ),

关于flutter - 相对定位小部件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56852633/

部件fluttercodesectionflutter-layout

有关flutter - 相对定位小部件的更多相关文章

  1. 「Python｜Selenium｜场景案例」如何定位iframe中的元素？ - 2

    本文主要介绍在使用Selenium进行自动化测试或者任务时，对于使用了iframe的页面，如何定位iframe中的元素文章目录场景描述解决方案具体代码场景描述当我们在使用Selenium进行自动化测试的时候，可能会遇到一些界面或者窗体是使用HTML的iframe标签进行承载的。对于iframe中的标签，如果直接查找是无法找到的，会抛出没有找到元素的异常。比如近在咫尺的例子就是，CSDN的登录窗体就是使用的iframe，大家可以尝试通过F12开发者模式查看到的tag_name,class_name,id或者xpath来定位中的页面元素，会抛出NoSuchElementException异常。解决

  2. ruby - 在 Ruby 中的另一个上下文中评估潜在的相对 URI - 2

    我在Ruby程序中有两个URI。一个肯定是绝对URI，另一个可能是绝对URI或相对URI。我想在第一个的上下文中将第二个转换为绝对URI，所以如果第一个是http://pupeno.com/blog第二个是/about，结果应该是http://pupeno.com/about.有什么想法吗？ 最佳答案 Ruby的内置URI和Addressablegem，做这个简短的工作。我更喜欢Addressable，因为它功能更全面，但URI是内置的。require'uri'URI.join('http://pupeno.com/blog','/

  3. 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      变量

  4. ruby-on-rails - 访问 Rails Assets 的相对路径 - 2

    我卡住了!xD我一直在处理一个Rails项目，但在使用相对路径访问我的Assets时遇到了问题。我的一个friend正在处理html/css方面的事情，而我正在处理Controller和模型。我的friend最近给了我一批结构如下的文件:app/assets/images/*.jpgapp/assets/stylesheets/*.cssapp/assets/javascripts/*.jsapp/assets/fonts/*.*(+somemorecssfilesinhere)在我的app/views/layouts目录中，我有一个名为final.html.erb的布局，用于我的整个

  5. 打通源码，高效定位代码问题｜云效工程师指北 - 2

    大家好，我叫胡飞虎，花名虎仔，目前负责云效旗下产品Codeup代码托管的设计与开发。代码作为企业最核心的数据资产，除了被构建、部署之外还有更大的价值。为了帮助企业和团队挖掘更多源代码价值以赋能日常代码研发、运维等工作，云效代码团队在大数据和智能化方向进行了一系列的探索和实践（例如代码搜索与推荐），本文主要介绍我们如何通过直接打通源代码来提高研发与运维效率。随着微服务架构的流行，一个业务流程需要多个微服务共同完成。一旦出现问题，运维人员在面对数量多、调用链路复杂的情况下，很难快速锁定导致问题发生的罪魁祸首：代码。为了提高排查效率，目前常见的解决方案是：链路跟踪+日志分析工具相结合。即通过链路跟踪

  6. ruby - ruby 中方法参数的优先级和/或相对于方法参数的优先级 - 2

    这里有两个测试:if[1,2,3,4].include?2&&nil.nil?puts:helloend#=>和if[1,2,3,4].include?(2)&&nil.nil?puts:helloend#=>hello上面告诉我&&比方法参数有更高的优先级，所以它逻辑上和2&&nil.nil?是真的，并将它作为参数传递给include？但是，有这个测试:if[1,2,3,4].include?2andnil.nil?puts:helloend#=>hello所以这告诉我方法参数和“and”具有相同的优先级(或者方法参数高于“and”)因为它传递了2以包含？在处理“和”之前。注意:我知

  7. ruby - 在 Mac 上定位 "irbrc"文件 - 2

    我看到很多很酷的东西可以添加到我的Ruby控制台中。例如，一个好的列表是“My.irbrcforconsole/irb”。我用谷歌搜索，但我只找到了网络日志，上面写着人们在他们的.irbrc中添加了什么gem。没有人说在哪里可以找到它。我找不到“irbrc”。我打开了我的主文件夹，如果我输入IRB，它会转到Ruby控制台，但我找不到这个文件。谁能帮我找到它？ 最佳答案 这是一个irbrc点文件，因此您需要在您的主目录中ls-a才能找到它。如果它不在那里，只需创建一个.irbrc文件。我的很简单，但这就是我的内容:require'ru

  8. ruby - RSpec 中的相对文件路径 - 2

    我对/lib/classes中的一个类进行了RSpec测试，它需要访问一个zip文件(无上传)。该文件存储在/spec/fixtures/files/test.zip中。如何输入正确的路径以使其与环境无关，即没有绝对路径？ 最佳答案 Rails.root将为您提供应用根目录，因此Rails.root.join"spec/fixtures/files/test.zip"将为您提供文件的绝对路径，与应用在硬盘上的位置无关。 关于ruby-RSpec中的相对文件路径，我们在StackOverf

  9. ruby - 如何将 Mechanize 中的相对链接转换为绝对链接？ - 2

    有没有一种方法可以将Mechanize相对链接对象转换为另一个包含绝对URL的对象。Mechanize必须知道绝对链接，因为我也可以在相对链接上调用click方法。 最佳答案 您可以将页面uri(始终是绝对的)与链接uri合并:page.uri.mergelink.uri 关于ruby-如何将Mechanize中的相对链接转换为绝对链接？，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questio

  10. ruby-on-rails - capybara :查找(元素)使用选择器来定位复杂的属性名称 - 2

    使用cucumber和capybara测试Rails应用。假设我无法更改标记，我可以使用capybara在充满类似td和select的页面中选择以下选择吗？LanguagesCommunication这似乎失败了(我假设是因为嵌套的“[”和“]”)。find("select[name=attributes[ruby][category]]")转义也不行。想法？ 最佳答案 您可以尝试find('select',:name=>'attributes[ruby][category]')或find_field('attributes[rub

随机推荐