How do I supply an initial value to a text field in Flutter?

在 Flutter 中，为文本字段提供初始值通常涉及到使用 TextEditingController。这个控制器不仅可以帮助我们管理文本字段中的文本，还可以设置文本字段的初始值。下面我将通过一个简单的例子来展示如何为一个文本字段设置初始值。

首先，您需要在 Flutter 中创建一个 TextEditingController，并在创建时通过其构造函数传入初始值：

dart
TextEditingController _controller = TextEditingController(text: "初始值");

接下来，将这个控制器绑定到一个 TextField 组件上：

dart
TextField(
  controller: _controller,
)

完整的例子可能看起来是这样的：

dart
import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  TextEditingController _controller;

  @override
  void initState() {
    super.initState();
    // 在这里设置文本字段的初始值
    _controller = TextEditingController(text: "初始值");
  }

  @override
  void dispose() {
    // 记得在组件销毁时释放资源
    _controller.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Demo'),
      ),
      body: Center(
        child: TextField(
          controller: _controller,
        ),
      ),
    );
  }
}

在这个例子中，我们首先创建了一个 TextEditingController，并在创建时通过 text 参数给它设置了一个初始值 "初始值"。这个控制器随后被绑定到 TextField 组件上，因此当应用运行并显示这个 TextField 时，它会预先填充我们设置的初始值。

这种方式非常有用，特别是在处理表单和输入框时，您可能需要预先显示一些存在的数据，用户可以查看并根据需要进行修改。