Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/dart/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Flutter 颤振:如何在ListView中使按钮底部居中?_Flutter_Dart - Fatal编程技术网

Flutter 颤振:如何在ListView中使按钮底部居中?

Flutter 颤振:如何在ListView中使按钮底部居中?,flutter,dart,Flutter,Dart,我需要将列表视图中包含的按钮置于底部居中位置。所谓底部,我的意思是在屏幕的底部,或者如果屏幕内容比屏幕的高度长,则在内容的末尾 我可以使用列和间隔小部件来实现这一点,因为高度已经定义,但是我的屏幕上有文本输入。如果我使用列而不是列表视图,则键入时屏幕会溢出 我怎么能这样呢 底部居中按钮,或 使用列,但在键入时防止屏幕大小调整或溢出;我希望它是可滚动的,或者只是让键盘在打字时覆盖屏幕内容 基本代码示例: 返回脚手架( 正文:中( 子:容器( 宽度:工作宽度, 儿童:中心( 子项:列表视图(子项:[

我需要将
列表视图中包含的按钮置于底部居中位置。所谓底部,我的意思是在屏幕的底部,或者如果屏幕内容比屏幕的高度长,则在内容的末尾

我可以使用
间隔
小部件来实现这一点,因为高度已经定义,但是我的屏幕上有文本输入。如果我使用
而不是
列表视图
,则键入时屏幕会溢出

我怎么能这样呢

  • 底部居中按钮,或
  • 使用
    ,但在键入时防止屏幕大小调整或溢出;我希望它是可滚动的,或者只是让键盘在打字时覆盖屏幕内容
  • 基本代码示例:

    返回脚手架(
    正文:中(
    子:容器(
    宽度:工作宽度,
    儿童:中心(
    子项:列表视图(子项:[
    屏幕标题(“告诉我们一些关于你自己的情况”),
    TextFormField(
    maxLines:16,
    控制员:生物控制员,
    自动更正:正确,
    text大写:text大写。句子,
    最大长度:500,
    装饰:输入装饰(
    contentPadding:EdgeInsets.all(padding5),
    FocusedOrder:下划线输入边框(
    borderSide:borderSide(颜色:colorPrimary)),
    边框:下划线输入边框(
    borderSide:borderSide(颜色:颜色静音)),
    hintText:“在此处输入您的简历…”,
    hintStyle:textMuted,
    ),
    ),
    间隔符(),//这不起作用,因为我使用的是ListView而不是列
    圆形按钮(
    buttonText:'继续',
    buttonStyle:ButtonSprimary,
    onPressed:(){}
    ),
    ],)
    ),
    ),
    ),
    );
    
    要在打开键盘时使用无黄/黑条纹错误的
    列,您需要将其包装到
    SingleChildScrollView
    中,但如果不声明其
    RenderFlex
    父级的高度,则
    间隔符在这种情况下将不起作用

    您可以使用
    MediaQuery.of(context).size.height
    获取其上下文上的屏幕大小,并设置为您的
    容器

    最后,您可以通过以下方式实现所需的布局:

    返回脚手架(
    正文:SingleChildScrollView(
    子:容器(
    宽度:工作宽度,
    高度:MediaQuery.of(context).size.height,
    子:列(
    儿童:[
    屏幕标题(“告诉我们一些关于你自己的情况”),
    TextFormField(
    maxLines:16,
    控制员:生物控制员,
    自动更正:正确,
    text大写:text大写。句子,
    最大长度:500,
    装饰:输入装饰(
    contentPadding:EdgeInsets.all(padding5),
    FocusedOrder:下划线输入边框(
    borderSide:borderSide(颜色:colorPrimary)),
    边框:下划线输入边框(
    borderSide:borderSide(颜色:颜色静音)),
    hintText:“在此处输入您的简历…”,
    hintStyle:textMuted,
    ),
    ),
    垫片(),
    圆形按钮(
    buttonText:'继续',
    buttonStyle:ButtonSprimary,
    onPressed:(){}
    ),
    ],
    ),
    ),
    ),
    );
    
    要在打开键盘时使用无黄/黑条纹错误的
    列,您需要将其包装到
    SingleChildScrollView
    中,但如果不声明其
    RenderFlex
    父级的高度,则
    间隔符在这种情况下将不起作用

    您可以使用
    MediaQuery.of(context).size.height
    获取其上下文上的屏幕大小,并设置为您的
    容器

    最后,您可以通过以下方式实现所需的布局:

    返回脚手架(
    正文:SingleChildScrollView(
    子:容器(
    宽度:工作宽度,
    高度:MediaQuery.of(context).size.height,
    子:列(
    儿童:[
    屏幕标题(“告诉我们一些关于你自己的情况”),
    TextFormField(
    maxLines:16,
    控制员:生物控制员,
    自动更正:正确,
    text大写:text大写。句子,
    最大长度:500,
    装饰:输入装饰(
    contentPadding:EdgeInsets.all(padding5),
    FocusedOrder:下划线输入边框(
    borderSide:borderSide(颜色:colorPrimary)),
    边框:下划线输入边框(
    borderSide:borderSide(颜色:颜色静音)),
    hintText:“在此处输入您的简历…”,
    hintStyle:textMuted,
    ),
    ),
    垫片(),
    圆形按钮(
    buttonText:'继续',
    buttonStyle:ButtonSprimary,
    onPressed:(){}