Flutter：表单

原创

于 2023-03-24 16:18:42 发布 · 899 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#flutter #android #ios

本文介绍了Flutter中的常用表单组件，包括TextField的各种形式，CheckBox和CheckboxListTile的使用，Radio和RadioListTile单选按钮的配置，以及Switch开关组件的简单应用。详细阐述了各组件的属性和常见用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Flutter 常用表单介绍

Flutter 中常见的表单有 TextField（可以实现单行文本框，多行文本框，密码框等），CheckBox多选按钮组，Radio多选按钮组，Switch开关组，CheckboxListTile、RadioListTile、SwitchListTile、Slide.

TextField

常用属性：

请添加图片描述

import 'package:flutter/material.dart';

class TextFieldDemoPage extends StatefulWidget {
   
   
  TextFieldDemoPage({
   
   Key? key}) : super(key: key);

  _TextFieldDemoPageState createState() => _TextFieldDemoPageState();
}

class _TextFieldDemoPageState extends State<TextFieldDemoPage> {
   
   
  var _username = new TextEditingController(); //初始化的时候给表单赋值
  var _password; //如不需要赋值可以直接这么写

  @override
  void initState() {
   
   
    // TODO: implement initState
    super.initState();
    _username.text = '初始值';
  }

  @override
  Widget build(BuildContext context) {
   
   
    return Scaffold(
        appBar: AppBar(
          title: Text('表单演示页面'),
        ),
        body: Padding(
          padding: EdgeInsets.all(20),
          // child:TextDemo() ,
          child: Column(
            children: <Widget>[
              TextField(
                decoration: InputDecoration(hintText: "请输入用户名"),
                controller: _username,
                onChanged: (value) {
   
   
                  setState(() {
                    _username.text = value;
                  });
                }, //状态改变时获取文本框内的值
              ),
              SizedBox(height: 10),