import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
// TODO: implement build
return new MaterialApp(
home: MyButton(),
);
}
}
class MyButton extends StatefulWidget {
@override
State<StatefulWidget> createState() => MyButtonState();
}
class MyButtonState extends State<MyButton> {
int counter = 0;
List<String> strs = ['测试', '的', '描述', '文字'];
String displayedString = "初始化文字...";
//更改属性
void onPressOfButton() {
setState(() {
displayedString = strs[counter];
counter = counter < 3 ? counter + 1 : 0;
});
}
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
title: new Center(child: new Text("Stateful Widget")),
backgroundColor: Colors.green,
),
body: new Container(
child: new Center(
child: new Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
new Text(displayedString, style: new TextStyle(fontSize: 40.0)),
new Padding(padding: new EdgeInsets.all(10.0)),
new RaisedButton(
child: new Text(
"Press",
style: TextStyle(color: Colors.white),
),
color: Colors.red,
onPressed: onPressOfButton,
)
],
),
),
),
);
}
}
Flutter Example 有状态组件
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- statelessWidget Stateless widgets 无状态控件是不可变的, 这意味着它们的属性不能...
- 如何使用代码 安装项目前置依赖,以及启动项目的方法,参看:React 拾遗:项目脚手架。 请根据文章内容,把相应部...