dart – Flutter – 键盘在屏幕上抬起FloatingActionButton

概述我正在使用TextField,但键盘正在提升FloatingActionButton.我想知道键盘是否有可能不引发FloatingActionButton？ 在下面的代码中,我以两种不同的方式放置了两个FloatingActionButton,但是在两个键盘都上升,这阻碍了字段填充,因为FAB与TextField在同一行,根据下面的gif. 有什么方法可以解决这个问题吗？ import 'pack 我正在使用TextFIEld,但键盘正在提升floatingActionbutton.我想知道键盘是否有可能不引发floatingActionbutton？

在下面的代码中,我以两种不同的方式放置了两个floatingActionbutton,但是在两个键盘都上升,这阻碍了字段填充,因为FAB与TextFIEld在同一行,根据下面的gif.

有什么方法可以解决这个问题吗？

import 'package:Flutter/material.dart';import 'dart:ui' as ui;voID main() {  runApp(new MyApp());}class MyApp extends StatelessWidget {  @overrIDe  Widget build(BuildContext context) {    return new MaterialApp(            home: new MyHomePage(),);  }}class MyHomePage extends StatefulWidget {  @overrIDe  _MyHomePageState createState() => new _MyHomePageState();}class _MyHomePageState extends State<MyHomePage> {  @overrIDe  Widget build(BuildContext context) {    final ui.Size logicalSize = Mediaquery.of(context).size;    final double _wIDth = logicalSize.wIDth;    return new Scaffold(      appbar: new Appbar(backgroundcolor: new color(0xFF26C6DA)),body: new Stack(        children: <Widget>[          new ListVIEw(            children: <Widget>[              new TextFIEld(                decoration: const inputdecoration(                  labelText: "Description",),style: theme.of(context).texttheme.Title,new TextFIEld(                decoration: const inputdecoration(                  labelText: "Description",],new positioned(            bottom: 16.0,left: (_wIDth / 2) - 28,child: new floatingActionbutton(              backgroundcolor: new color(0xFFE57373),child: new Icon(Icons.check),onpressed: (){}            ),)        ],floatingActionbutton: new floatingActionbutton(        backgroundcolor: new color(0xFFE57373),);  }}

解决方法 看起来你正在设计一个全屏对话框.

浮动 *** 作按钮表示应用程序中的主要 *** 作,如创建新项目.它不是您用来确认更改并解除包含文本字段列表的全屏对话框的内容.

而不是使用floatingActionbutton,我会在动作槽中推荐一个带有Flatbutton的Appbar,就像在这个Material design example中一样：

您可以在Gallery source code中看到如何在Flutter中构建全屏对话框的示例.

总结

以上是内存溢出为你收集整理的dart – Flutter – 键盘在屏幕上抬起FloatingActionButton全部内容，希望文章能够帮你解决dart – Flutter – 键盘在屏幕上抬起FloatingActionButton所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。