为什么 flutter 将其 CLASSES 称为 WIDGETS？ 为什么不称它为 class？ 为什么使用“小部件”一词？

Question

小部件是 class？ 但是为什么不把它叫做 class 而不是小部件。 我知道 flutter 中的所有东西都是一个小部件，每个 class 都是一个小部件？ 为什么呢？ 也许打电话给每个 class 小工具或其他任何我想知道我的面试官是否会问我这个问题的东西

Answer 1

小部件是具有构建方法的 class：

@override
Widget build(BuildContext context) {

  return Container(...);

}

普通的 class 没有构建方法。

---

您还可以制作一个小部件：

1. 创建一个扩展 StatelessWidget 或 StatefulWidget 的 class
2. 在 build 方法中创建一个小部件树：

@override
Widget build(BuildContext context) {

  return Container(...); //Widget tree

}

3. （可选）创建一个构造函数，为您提供所需的所有信息：

var name;
var age;
var location;

//constructor
ClassName({this.name, this.age, this.location});

在构造函数中，您还可以制作所需的东西：

var name;
var age;
var location;

//constructor
ClassName({@required this.name, this.age, this.location});

您将构造函数放在 class 的开头：

class WidgetName extends StatelessWidget {
  
  //constructor
  WidgetName({
    @required this.name,
    this.age,
    this.location,
  });
 
  var name;
  var age;
  var location;


  @override
  Widget build(BuildContext context) {

    return Container(...); //Widget tree

  }
}

或扩展 StatefulWidget：

class WidgetName extends StatefulWidget {
  
  var name;
  var age;
  var location;

  //constructor
  WidgetName({this.name, this.age, this.location});
  

  @override
  _WidgetNameState createState() => _WidgetNameState();
}

class _WidgetNameState extends State<WidgetName> {

  //inside of this class you can get the data from the constructor like this: widget.name


  @override
  Widget build(BuildContext context) {
    return Container(...);
  }
}

您可以像使用普通小部件一样使用小部件：

WidgetName(
  name: "David",
  age: 28,
  location: "Sofia, Bulgaria",
),

---

我希望这个答案可以帮助您了解普通 class 和小部件之间的区别

Answer 2

简单地说，一个小部件是从小Widget class 继承的任何 class，通常从StatefulWidget或StatelessWidget开始。 一个小部件应该有一个特定的协议......特别是，它是上下文树的一部分，并且还能够在该树中移动。 大多数小部件在 UI 上提供一些视图，但有些不提供，并且仅用于TextTheme类的设置。

Answer 3

每个 flutter Widgdet都是一个不正确的小部件

每个 flutter class（小部件构建）都是正确的小部件。

class 永远不会是一个小部件

Answer 4

Widget 它比 class 更高级。 Class 它是基础。