Flutter的Widget和Android中的View概念对比

Flutter的Widget等价于Android中的View。Android的View在绘制结束后，就不会重绘，直到调用invalidate时才会重绘。Flutter的widget是不可改变的，因此不能直接更新，而必须使用Widget的状态。Flutter的widget分为有状态和无状态两种。它们的核心特性是相同的,每一帧它们都会重新构建，不同之处在于有状态的Widget有一个State对象，它可以跨帧存储状态数据并恢复它。常见的StatelessWidget是Text。

new Text(
  'I like Flutter!',
  style: new TextStyle(fontWeight: FontWeight.bold),
);

  

 

  
1
  
2
  
3
  
4
 

Text 没有与之关联的状态信息，它呈现了构造函数中传递的内容，仅此而已。如果你想让“I Like Flutter”动态变化，例如点击一个FloatingActionButton？这可以通过将Text包装在StatefulWidget中并在点击按钮时更新它来实现:

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

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) { return new MaterialApp( title: "App", home: new MyHomeApp(), );
  }
}

class MyHomeApp extends StatefulWidget {
  MyHomeApp({Key key}) : super(key: key); @override
  _MyHomeAppSate createState() => new _MyHomeAppSate();
}

class _MyHomeAppSate extends State<StatefulWidget> {
  String text = "Hello Flutter"; _updateText() { setState(() { text = "Hello world!"; });
  } @override
  Widget build(BuildContext context) { return new MaterialApp( home: new Scaffold( appBar: new AppBar( title: new Text("Hello"), ), body: new Center( child: new Text(text), ), floatingActionButton: new FloatingActionButton( onPressed: _updateText, child: new Icon(Icons.update), ), ), );
  }
}


  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
  
13
  
14
  
15
  
16
  
17
  
18
  
19
  
20
  
21
  
22
  
23
  
24
  
25
  
26
  
27
  
28
  
29
  
30
  
31
  
32
  
33
  
34
  
35
  
36
  
37
  
38
  
39
  
40
  
41
  
42
  
43
  
44
  
45
  
46
  
47
  
48
  
49
  
50
 

文章来源: blog.csdn.net，作者：WongKyunban，版权归原作者所有，如需转载，请联系作者。

原文链接：blog.csdn.net/weixin_40763897/article/details/108120121