创新互联Flutter教程：Flutter 文本输入

介绍

本页面介绍如何在Flutter应用程序中输入文本

在成都网站制作、成都网站设计过程中，需要针对客户的行业特点、产品特性、目标受众和市场情况进行定位分析，以确定网站的风格、色彩、版式、交互等方面的设计方向。创新互联还需要根据客户的需求进行功能模块的开发和设计，包括内容管理、前台展示、用户权限管理、数据统计和安全保护等功能。

选择一个widget

TextField 是最常用的文本输入widget.

默认情况下，TextField有一个下划线装饰（decoration）。您可以通过提供给decoration属性设置一个InputDecoration来添加一个标签、一个图标、提示文字和错误文本。 要完全删除装饰（包括下划线和为标签保留的空间），将decoration明确设置为空即可。

TextFormField包裹一个TextField 并将其集成在Form中。你要提供一个验证函数来检查用户的输入是否满足一定的约束（例如，一个电话号码）或当你想将TextField与其他FormField集成时，使用TextFormField。

获取用户输入

有两种获取用户输入的主要方法：

• 处理 onChanged回调
• 提供一个TextEditingController.

onChanged

每当用户输入时，TextField会调用它的onChanged回调。 您可以处理此回调以查看用户输入的内容。例如，如果您正在输入搜索字段，则可能需要在用户输入时更新搜索结果。

TextEditingController

一个更强大（但更精细）的方法是提供一个TextEditingController作为TextField的controller属性。 在用户输入时，controller的text和selection属性不断的更新。要在这些属性更改时得到通知，请使用controller的addListener方法监听控制器 。 （如果你添加了一个监听器，记得在你的State对象的dispose方法中删除监听器 ）。

该TextEditingController还可以让您控制TextField的内容。如果修改controller的text或selection的属性，TextField将更新，以显示修改后的文本或选中区间。 例如，您可以使用此功能来实现推荐内容的自动补全。

例子

以下是使用一个TextEditingController读取TextField中用户输入的值的示例：

/// Opens an [AlertDialog] showing what the user typed.
class ExampleWidget extends StatefulWidget {
  ExampleWidget({Key key}) : super(key: key);

  @override
  _ExampleWidgetState createState() => new _ExampleWidgetState();
}

/// State for [ExampleWidget] widgets.
class _ExampleWidgetState extends State {
  final TextEditingController _controller = new TextEditingController();

  @override
  Widget build(BuildContext context) {
    return new Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        new TextField(
          controller: _controller,
          decoration: new InputDecoration(
            hintText: 'Type something',
          ),
        ),
        new RaisedButton(
          onPressed: () {
            showDialog(
              context: context,
              child: new AlertDialog(
                title: new Text('What you typed'),
                content: new Text(_controller.text),
              ),
            );
          },
          child: new Text('DONE'),
        ),
      ],
    );
  }
}

网页标题：创新互联Flutter教程：Flutter 文本输入
本文来源：http://www.shufengxianlan.com/qtweb/news34/101334.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联