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(
            width: 300,
            child: Column(
              children: <Widget>[
                TextField(
                  decoration: InputDecoration(
                    hintText: 'Enter your username',
                    border: OutlineInputBorder(),
                  ),
                ),
                SizedBox(height: 20), // 空间
                TextField(
                  obscureText: true, // 密码字段
                  decoration: InputDecoration(
                    hintText: 'Enter your password',
                    border: OutlineInputBorder(),
                    suffixIcon: Icon(Icons.lock),
                  ),
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}

这段代码创建了一个包含两个TextField的页面，第一个用于输入用户名，第二个用于输入密码，并且第二个是密码字段，其中输入的文本会被星号等符号替代。这是一个简单的输入框的使用示例。