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:(){}