Flutter 实现返回上一页清空编辑框文本

在Flutter中，你可以使用Navigator来返回上一页，并且在上一页中清空编辑框的文本。以下是一个简单的例子：

import 'package:flutter/material.dart';
 
class MainScreen extends StatefulWidget {
  @override
  _MainScreenState createState() => _MainScreenState();
}
 
class _MainScreenState extends State<MainScreen> {
  final TextEditingController _controller = TextEditingController();
 
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            TextField(
              controller: _controller,
            ),
            RaisedButton(
              child: Text('Go to Details'),
              onPressed: () {
                Navigator.push(context, MaterialPageRoute(builder: (context) => DetailsScreen()));
              },
            ),
          ],
        ),
      ),
    );
  }
 
  @override
  void dispose() {
    _controller.dispose();
    super.dispose();
  }
}
 
class DetailsScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Details Screen'),
        leading: IconButton(
          icon: Icon(Icons.arrow_back),
          onPressed: () {
            // 清空文本并返回上一页
            Navigator.of(context).pop();
            // 你也可以在这里通过其他方式清空文本，例如通过回调函数
          },
        ),
      ),
      body: Center(
        child: Text('This is the Details Screen'),
      ),
    );
  }
}
 
void main() {
  runApp(MaterialApp(home: MainScreen()));
}

在这个例子中，MainScreen是包含TextField的页面，当用户点击按钮跳转到DetailsScreen时，TextField的文本会被清空，因为我们在Navigator.push调用中没做任何处理。在DetailsScreen中，当用户点击返回箭头时，会通过Navigator.pop返回到上一页，并且TextField的文本会被清空。