大飞

关注TA

挑战一切!

  • 世界的顶端
  • 混口饭吃

最近留言

  • avatar 大飞

    加载速度太慢,有时候加载一个页面要三到五秒,有待优化
  • avatar 你继续头晕

  • avatar Nemo

    哟哟,居然没有留言!消灭0留言!

flutter 开篇

2019年07月07 11:47 52 0 复制链接

                                                  StatelessWidget和StatefulWidget的区别

            StatelessWidget面向那些始终不变的UI控件,比如标题栏中的标题;而StatefulWidget则是面向可能会改变UI状态的控件,比如有点击反馈的按钮。StatefulWidget的创建需要指定一个State,在需要更新UI的时候调用setState(VoidCallback fn),并在VoidCallback中改变一些变量数值等,组件会重新build以达到刷新状态也就是刷新UI的效果。

   import 'package:flutter/material.dart';


void main() {
runApp(new MaterialApp(
title: 'Flutter Demo',
home: new Home(),
));
}

class Home extends StatelessWidget {
@override
Widget build(BuildContext context) {
//Scaffold是Material中主要的布局组件.
return new Scaffold(
appBar: new AppBar(
leading: new IconButton(
icon: new Icon(Icons.menu),
tooltip: 'Navigation menu',
onPressed: null,
),
title: new Text('Example title'),
actions: <Widget>[
new IconButton(
icon: new Icon(Icons.search),
tooltip: 'Search',
onPressed: null,
),
],
),
//body占屏幕的大部分
body: new Center(
child: new MyButton(),
),
floatingActionButton: new FloatingActionButton(
tooltip: 'Add', // used by assistive technologies
child: new Icon(Icons.add),
onPressed: null,
),
);
}
}

class MyButton extends StatefulWidget {
@override
State<StatefulWidget> createState() {
return new _CounterState();
}
}

class _CounterState extends State<MyButton> {
int _count = 0;

void _addCount() {
setState(() {
_count++;
});
}

void _reduceCount() {
setState(() {
_count--;
});
}

@override
Widget build(BuildContext context) {
return new Column(
children: <Widget>[
new RaisedButton(
onPressed: _addCount,
child: new Text('点击增加'),
),
new RaisedButton(
onPressed: _reduceCount,
child: new Text('点击减少'),
),
new Text('count:$_count')
],
);
}
}


效果图:



点赞(0)
本文标签flutter

上一个文章:网站搭建之坑

下一个文章:Android 自建maven库

点了个评