TextField widgets require a Material widget ancestor.

最新推荐文章于 2026-04-15 19:06:49 发布

原创最新推荐文章于 2026-04-15 19:06:49 发布 · 4.9k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#Flutter

本文介绍在使用Flutter的TextField控件时遇到的错误及其解决方案。通过将TextField包裹在Scaffold组件中，可以避免运行时出现的异常，确保应用程序的正常运行。

flutter在运用

TextField控件的时候出现这个错误的，解决方案：

需要用Scaffold进行包裹

class Loging extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    // TODO: implement createState
    return new LogingLess();
  }
}

class LogingLess extends State<Loging> {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return new MaterialApp(
      title: "loging",
      home: new Scaffold(
        body: new LogingUi(),
      ),
    );
  }
}

class LogingUi extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    var size = MediaQuery.of(context).size;
    // TODO: implement build
    return new TextField(
        //相当于Android属性hint
        decoration: new InputDecoration(
      hintText: "用户名",
    ));
  }
}