草庐IT

flutter - CupertinoPageScaffold 的子小部件位于 CupertinoNavigationBar 后面

coder 2023-05-09 原文

我正在尝试将内容放在 CupertinoNavigationBar 下方。

但内容小部件被 CupertinoNavigationBar 部分覆盖。

我不明白为什么子 Column 没有垂直偏移，因此顶部没有被 CupertinoNavigationBar 覆盖。

下面是截图，以及我的代码

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class PersonalInfoEditor extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return CupertinoPageScaffold(
      navigationBar: buildNavigationBar(context),
      child: Column(
        children: <Widget>[
          Text('Personal Info'),
          Text('t1'),
        ],
      ),
    );
  }

  CupertinoNavigationBar buildNavigationBar(BuildContext context) {
    return CupertinoNavigationBar(        
        trailing: CupertinoButton(
          child: Text('Save', style: TextStyle(color: CupertinoColors.activeBlue)),
          onPressed: () => Navigator.pop(context),
        ));
  }
}

最佳答案

将您的 child 包裹在 SafeArea 中:

        return CupertinoPageScaffold(
              navigationBar: buildNavigationBar(context),
              child: SafeArea(
                child: Column(
                  children: <Widget>[
                    Text('Personal Info'),
                    Text('t1'),
                  ],
                ),
              ),
            );

别忘了使用 CupertinoApp 而不是 MaterialApp

更多信息:https://api.flutter.dev/flutter/cupertino/CupertinoPageScaffold-class.html

关于flutter - CupertinoPageScaffold 的子小部件位于 CupertinoNavigationBar 后面，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52472220/

CupertinoNavigationBarCupertinoPageScaffoldsectionflutter

有关flutter - CupertinoPageScaffold 的子小部件位于 CupertinoNavigationBar 后面的更多相关文章

  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 - 如何将 Thor::Group 注册为带参数的子命令 - 2

    这道题开始于here.但随着我对雷神的了解越来越多，情况发生了很大变化。我正在尝试创建一个带参数的Thor::Group子命令。奇怪的是，如果没有参数，它就可以工作。我可以使用Thor::Group作为子命令吗？这在我输入时有效:foocounterfoo/bin/foomoduleFooclassCLI但是当我输入时这不起作用:foocounter5moduleFooclassCLI','Countupfromtheinput.')endclassCounter:numeric,:desc=>"Thenumbertostartcounting"desc"Prints2numbersb

  4. 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'但是我应该如何使用工头来做到这一点。我尝试添加以下内容，但它无声地失败

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

  6. 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)

  7. ruby - 获取包含在两个特定单词之间的子字符串 - 2

    当我对使用ruby​​的特定单词之间包含的文本感兴趣时，我想知道如何进行。例如。@var="Hi,Iwanttoextractcontainer_startONLYTHISDYNAMICCONTENTcontainer_endfromthemessagecontainedbetweenthecontainer_startandcontainer_end"现在我想从字符串中提取大写的内容，即动态但始终包含在两个容器中(container_start和container_end) 最佳答案 简单的正则表达式就可以:@var="Hi,Iw

  8. ruby - 检查字符串末尾的子字符串 - 2

    假设我有两个字符串:“这个测试有一个”“这是一个测试”如何匹配字符串末尾的“Test”并只得到第二个字符串而不是第一个字符串。我正在使用include?但它会匹配所有匹配项，而不仅仅是子字符串出现在字符串末尾的匹配项。 最佳答案 您可以使用end_with?非常简单地完成此操作，例如"TestsomethingTest".end_with?'Test'或者，您可以使用匹配字符串结尾的正则表达式:/Test$/==="TestsomethingTest" 关于ruby-检查字符串末尾的子字

  9. ruby - 从企业防火墙后面安装 gem - 2

    我怀疑公司防火墙阻止安装gem。我定义了HTTP_PROXY，我可以通过以下命令查看远程gem:jruby-Sgemlist-r但是当我去安装gem时，我得到一个404:jruby-Sgeminstallrails除了维护内部gem存储库之外，是否有解决此问题的良好解决方法？ 最佳答案 对于ruby​​gems，将它放在我的gem.bat中这对我有用@"%~dp0ruby.exe""%~dpn0"%*--http-proxyhttp://domainname.ccc.com:8080对于jrubygems这有效@"%~dp0jrub

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

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

随机推荐