草庐IT

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

coder 2023-05-09 原文

我正在使用 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",
                ),
                style: Theme.of(context).textTheme.title,
              ),
              new TextField(
                decoration: const InputDecoration(
                  labelText: "Description",
                ),
                style: Theme.of(context).textTheme.title,
              ),
            ],
          ),
          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),
        child: new Icon(Icons.check),
      ),
    );
  }
}

最佳答案

看起来您正在设计一个全屏对话框。

float 操作按钮代表应用程序中的主要操作，例如创建新项目。它不是您用来确认更改和关闭包含文本字段列表的全屏对话框的工具。

我建议不要使用 FloatingActionButton，而是在 actions 槽中使用带有 FlatButton 的 AppBar ，就像在这个 Material design example :

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

关于dart - Flutter - 键盘在屏幕上抬起 FloatingActionButton，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45970361/

FloatingActionButton抬起codenewdartflutter

有关dart - Flutter - 键盘在屏幕上抬起 FloatingActionButton的更多相关文章

  1. ruby - 在 Ruby 中用键盘诅咒数组浏览 - 2

    我正在尝试在Ruby中制作一个cli应用程序，它接受一个给定的数组，然后将其显示为一个列表，我可以使用箭头键浏览它。我觉得我已经在Ruby中看到一个库已经这样做了，但我记不起它的名字了。我正在尝试对soundcloud2000中的代码进行逆向工程做类似的事情，但他的代码与SoundcloudAPI的使用紧密耦合。我知道cursesgem，我正在考虑更抽象的东西。广告有没有人见过可以做到这一点的库或一些概念证明的Ruby代码可以做到这一点？ 最佳答案 我不知道这是否是您正在寻找的，但也许您可以使用我的想法。由于我没有关于您要完成的工作

  2. 屏幕录制为什么没声音？检查这2项，轻松解决 - 2

    相信很多人在录制视频的时候都会遇到各种各样的问题，比如录制的视频没有声音。屏幕录制为什么没声音？今天小编就和大家分享一下如何录制音画同步视频的具体操作方法。如果你有录制的视频没有声音，你可以试试这个方法。 一、检查是否打开电脑系统声音相信很多小伙伴在录制视频后会发现录制的视频没有声音，屏幕录制为什么没声音？如果当时没有打开音频录制，则录制好的视频是没有声音的。因此，建议在录制前进行检查。屏幕上没有声音，很可能是因为你的电脑系统的声音被禁止了。您只需打开电脑系统的声音，即可录制音频和图画同步视频。操作方法：步骤1：点击电脑屏幕右下侧的“小喇叭”图案，在上方的选项中，选择“声音”。 步骤2：在“声

  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 - 在服务器端检测屏幕尺寸和像素密度？ - 2

    我一直在做一些研究，我想我已经知道答案了，但我想知道是否有任何方法可以在不使用javascript或依赖CSS3媒体的情况下获得设备的屏幕尺寸和像素密度查询。本质上，我正在研究如何获取屏幕分辨率和像素密度，以便服务器可以决定在URI请求中为服务器提供哪个图像。到目前为止，我还没有发现任何证据表明这是可能的，但我想嘿，为什么不问问呢？ 最佳答案 我不完全同意上面的正确答案。实际上，这个答案在很多情况下都是正确的……但理论上并非如此。通常向Web服务器发出的请求包含一个User-Agent字段，从理论上讲，该字段可用于识别有关设备屏幕分

  5. ruby - 以编程方式在 Ruby 中获取桌面的屏幕截图？ - 2

    我问了这个关于takingapictureofawebpageprogrammatically的问题，我已经下载并获得了webkit2png工作(为博客等HTML页面拍照)。太酷了，谢谢你给我看!现在我想开始做更多的事情，比如能够在加载Flash网站和我的桌面后拍照。是否可以使用webkit2png为Flash网站拍照(考虑到您可能需要等待几秒钟才能加载)？但主要问题是，如何以编程方式为桌面拍照？这将使我能够更好地控制正在发生的事情。 最佳答案 您可以使用xwd(1)获取根窗口的屏幕截图:xwd-display:0-root|xwd

  6. 从零开始编写Web自动化测试脚本(六)--鼠标、键盘操作 - 2

    第一章Selenium+WebDriver环境搭建第二章Selenium定位方式第三章元素常用属性第四章自动化中的三种等待第五章自动化浏览器设置及句柄、窗口切换操作第六章鼠标、键盘操作第七章javascript在自动化中的应用第八章unittest&断言第九章ddt数据驱动第十章测试框架搭建过程Python+Selenium+BeautifulReport文章目录一、鼠标操作二、键盘操作一、鼠标操作1、在web测试中，鼠标的操作包含在ActionChains类中，经常用到的有单击、双击、右击、拖动等操作。2、在使用鼠标操作前需要先导入ActionChains类包：fromselenium.we

  7. ruby - (Watir webdriver) 在 OSX 10.9 中使用多显示器时如何将浏览器移动到另一个屏幕 - 2

    我知道有一个名为browser.window.move_to(0,0)的函数可以将浏览器移动到不同的位置，但OSX10.9对它来说是全新的。有什么方法可以将浏览器移动到另一个桌面吗？例如。在“桌面2”中触发命令的控制台，但我希望浏览器出现在“桌面1”中。非常感谢! 最佳答案 哈，在我尝试这个之前我正要说这可能是不可能的:browser.window.move_to(-1200,0)我的第二台显示器位于主屏幕的左侧。有效。好问题。您需要花点时间才能正确使用它，但watir似乎能够使用整个显示器Canvas。例如，如果您的显示器位于主屏

  8. ruby - 如何使用 Ruby 将键盘和鼠标命令发送到底层操作系统？ - 2

    是否有操作系统中立的方式让Ruby将键盘和鼠标事件发送到底层操作系统？(对我而言)一个明显的方法是使用Ruby/Java绑定(bind)并使用java.awt.Robot，但这看起来很愚蠢。 最佳答案 对于Mac:geminstallrb-appscript然后你可以用这样的脚本来测试它:require"rubygems"require"appscript"includeAppscriptapp("TextEdit").activateapp("SystemEvents").keystroke("LookMa,keystrokes!

  9. ruby - 如何使用 ruby​​ 和 unix 服务器截取网页的屏幕截图？ - 2

    关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题，以便用事实和引用来回答。关闭7年前。Improvethisquestion我正在尝试以编程方式创建大量网页的缩略图，这些网页托管在我自己的基于ruby​​/rails的网站上。我希望能够编写一个独立的ruby​​代码，看起来像这样:require'awesome-screenshot-maker'items.eachdo|id|url="http://foo.com/bar/#{id}"shooter=AwesomeScreenshotMa

  10. ruby-on-rails - 在 rake 任务中打印到屏幕 - 2

    我有一个长时间运行的rake任务。我时不时地在屏幕上打印更新，让我知道任务已经完成了多长时间。puts"Almostthere..."我的问题是所有puts语句似乎都缓冲在某处，直到任务完成后才会打印到屏幕上。届时，它们将被一次性全部打印出来。有什么方法可以强制他们在任务运行时打印吗？ 最佳答案 STDOUT.sync=true 关于ruby-on-rails-在rake任务中打印到屏幕，我们在StackOverflow上找到一个类似的问题： https://

随机推荐