草庐IT

dart - 单击 TextField 小部件时 Flutter 小部件重建

coder 2023-07-22 原文

我确定这是一个菜鸟错误，但我似乎无法弄清楚这个错误。 在下面的应用程序中，当单击第二个路由中的文本字段时，键盘打开并立即关闭。经过仔细调查，似乎小部件在获得焦点时正在重建，导致路由重置，使用户无法输入文本。

当我从表单中删除“键”时，问题就不会发生。这不是长期修复，因为我需要“ key ”才能验证表单。

有什么想法吗？

import 'package:flutter/material.dart';


void main() => runApp(MyApp());

class MyApp extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'My app',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        primarySwatch: Colors.lightBlue,
        fontFamily: 'Nunito',
      ),
      home: LoginPage(),
    );
  }
}


class LoginPage extends StatefulWidget {

  @override
  LoginPageState createState() {
    return new LoginPageState();
  }
}

class LoginPageState extends State<LoginPage> {

  Widget build(BuildContext context) {

    final GlobalKey<ScaffoldState> _scaffoldKey = new GlobalKey<ScaffoldState>();

    final registerButton = Padding(
      padding: EdgeInsets.symmetric(vertical: 16.0),
      child: RaisedButton(
        shape: RoundedRectangleBorder(
          borderRadius: BorderRadius.circular(24),
        ),
        onPressed: () {
          Navigator.push(
            context,
            MaterialPageRoute(builder: (context) => SecondPage()),
          );
        },
        child: Text('Register Now', style: TextStyle(color: Colors.white)),
      ),
    );

    // Now load the main login page
    return Scaffold(
      backgroundColor: Colors.white,
      key: _scaffoldKey,
      body: Center(
        child: ListView(
          shrinkWrap: true,
          children: <Widget>[
            registerButton,
          ],
        ),
      ),
    );
  }
}


class SecondPage extends StatelessWidget {

  @override
  Widget build(BuildContext context) {

    final emailController =  TextEditingController();
    final _formKey = GlobalKey<FormState>();

    final email = TextFormField(
      keyboardType: TextInputType.emailAddress,
      controller: emailController,
      autofocus: false,
      decoration: InputDecoration(
        hintText: 'Email',
        contentPadding: EdgeInsets.fromLTRB(20.0, 10.0, 20.0, 10.0),
        border: OutlineInputBorder(borderRadius: BorderRadius.circular(32.0)),
      ),
    );

    return Scaffold(
      appBar: AppBar(
        title: Text('Second page'),
      ),
      body: Center(
        child: Form(
          key: _formKey,
          child: email,
        ),
      ),
    );
  }
}

最佳答案

您必须在构建方法之外将 _formKey 声明为静态。

关于dart - 单击 TextField 小部件时 Flutter 小部件重建，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55474562/

部件TextFieldsectioncontext39dartflutter

有关dart - 单击 TextField 小部件时 Flutter 小部件重建的更多相关文章

  1. ruby-on-rails - 如何从按钮或链接单击的 View 调用 Rails 方法 - 2

    基本上，我试图在用户单击链接(或按钮或某种类型的交互元素)时执行Rails方法。我试着把它放在View中:但这似乎没有用。它最终只是在用户甚至没有点击“添加”链接的情况下调用该函数。我也用link_to试过了，但也没用。我开始认为没有一种干净的方法可以做到这一点。无论如何，感谢您的帮助。附言。我在ApplicationController中定义了该方法，它是一个辅助方法。 最佳答案 View和Controller是相互独立的。为了使链接在Controller内执行函数调用，您需要对应用程序中的端点执行ajax调用。该路由应调用rub

  2. ruby - 在 Mechanize 中使用 JavaScript 单击链接 - 2

    我有这个:AccountSummary我想单击该链接，但在使用link_to时出现错误。我试过:bot.click(page.link_with(:href=>/menu_home/))bot.click(page.link_with(:class=>'top_level_active'))bot.click(page.link_with(:href=>/AccountSummary/))我得到的错误是:NoMethodError:nil:NilClass的未定义方法“[]” 最佳答案 那是一个javascript链接。Mechan

  3. ruby - 按 Enter 键而不是用鞋子单击按钮(Ruby) - 2

    正如标题所暗示的那样，我只是在寻找一种无需单击即可按下Shoes中的按钮的方法。我已经搜索了论坛，但不幸的是找不到任何东西。谢谢 最佳答案 这在Windows下的红色鞋子中不起作用，因为Windows控件窃取了所有事件。不过，我设法在window下穿着绿鞋工作。举个例子['green_shoes'].each(&method(:require))Shoes.app{e=edit_linebutton("Clickme!"){alert("Youclickedme.")}keypress{|k|alert("YoupressedEnt

  4. ruby - 如何使用 Mechanize 保存通过单击按钮下载的文件 - 2

    我正在尝试使用Mechanize来模拟点击网页上的按钮，然后会在浏览器中启动文件下载。这是我的代码片段form=page.forms.first#=>Mechanize::Formform=agent.page.form_with(:name=>"aspnetForm")button=form.button_with(:value=>"GPXfile")ppbuttonagent.submit(form,button)pp按钮的输出是这样显示的，这意味着它是右键:#但是在发出“agent.submit(form,button)”之后，我怎样才能让Mechanize检索单击该按钮时将发送

  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. ruby-on-rails - 在 rails 中单击提交打开一个新窗口 - 2

    您好，我想使用ruby​​onrails在单击提交按钮时打开新窗口，这是我的代码'btnbtn-mdbtn-success'do%>CreateNewWindow我试过:target=>"_blank"提交，但它不起作用，请帮助我 最佳答案 使用formtarget="_blank"。'btnbtn-mdbtn-success',:formtarget=>"_blank"do%>CreateNewWindow此链接将为您提供帮助http://www.w3schools.com/tags/att_button_formtarget.a

  7. ruby-on-rails - Ruby on Rails : allow the user to enter a new information, 或单击下拉菜单选择现有信息 - 2

    这里是新的ROR程序员。我正在尝试构建一个Web应用程序，该应用程序允许用户填写表单，他们在其中输入公司信息，然后通过单击提交，将输入添加到数据库中。目前，如果用户要创建一个新条目，他们会看到几个字段，例如“公司名称”。有一个空白框供他们输入新公司，旁边有一个下拉菜单，用户可以使用该菜单查看数据库中的现有公司。"SelectaCompany")%>我正在寻找一种允许用户输入新公司的方法，或者单击下拉菜单并选择现有公司。目前:如果未在文本框中输入任何内容且未从下拉列表中选择任何选项，则将其保存为空白。如果输入了一些内容，但没有选择任何选项，它将被保存为空白。但是，如果输入内容并从下拉列表

  8. ruby - Capybara - 按类名单击元素 - 2

    对于一个看似简单的问题，我已经思考了很长时间，但似乎无法在Google上找到任何内容。我有这个按钮，我需要点击它没有id但包含一个类CASESTUDIES(2)我试过使用click_on，我现在知道它只适用于链接和按钮，所以当然不会起作用。这是我目前所拥有的:When(/^Ifiltertheresultstoonlyseecasestudies$/)doclick_on('filter-case-studies')end我也尝试过page.find('filter-case-studies').click，这也行不通。page.find(:class,'filter-case-stu

  9. ruby - 使用 Ruby Mechanize 单击按钮 - 2

    我有一个特别困难的表单，我试图单击搜索按钮但似乎无法执行。这是页面源代码中的表单代码:我正在尝试执行标准的Mechanize点击操作:login_page=agent.click(homepage.link_with(:text=>"Search"))这是因为按钮使用了javascript吗？如果是这样，有什么建议吗？ 最佳答案 我也为此苦苦挣扎，尤其是因为我的表单有多个按钮。提交表单的方式有多种(许多使用“form_with”block)，但这对我有帮助:#gettheformform=agent.page.form_with(:

  10. ruby - 如何为所有已安装的 gem 重建 rdoc？ - 2

    我在多个位置安装了多个gem。生成/重新生成的困难/简单方法是什么:所有这些已安装的gem的rdoc，一次全部？所有这些已安装的gem的yardoc，一次全部？ 最佳答案 你试过其中之一吗？gemrdoc--allgemrdoc--all--overwrite 关于ruby-如何为所有已安装的gem重建rdoc？，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questions/3152857/

随机推荐