Flutter 中的 TextField 小部件：全面指南

在Flutter中，TextField是一个非常常用的小部件，它允许用户输入文本。以下是一个简单的TextField使用示例：

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('TextField Example'),
        ),
        body: Center(
          child: Container(
            padding: EdgeInsets.all(20.0),
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                TextField(
                  decoration: InputDecoration(
                    border: OutlineInputBorder(),
                    labelText: 'Enter your username',
                  ),
                ),
                SizedBox(height: 20.0),
                TextField(
                  obscureText: true,
                  decoration: InputDecoration(
                    border: OutlineInputBorder(),
                    labelText: 'Enter your password',
                  ),
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}

这个例子展示了两个TextField：一个用于输入用户名，另一个用于输入密码，并且密码字段将输入的文本隐藏起来，即密码字段会显示为星号或点。这个例子提供了一个如何在Flutter应用中使用TextField的基本框架。