Flutter开发效率提升1000%,Flutter Quick教程之定义构造参数和State成员变量
import 'package:flutter/material.dart';
class QuickTipsPage extends StatefulWidget {
// 定义构造函数接收外部传递的参数
QuickTipsPage({Key key, this.title}) : super(key: key);
final String title;
@override
_QuickTipsPageState createState() => _QuickTipsPageState();
}
class _QuickTipsPageState extends State<QuickTipsPage> {
// 定义State类型的成员变量
List<String> _tips = [
'Flutter开发效率提升1000%',
'使用StatelessWidget提高性能',
'使用Hot Reload而不是Full Restart',
'使用Dart的async/await简化异步代码',
];
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title), // 使用widget访问定义的成员变量
),
body: ListView.builder(
itemCount: _tips.length,
itemBuilder: (context, index) {
return ListTile(
title: Text(_tips[index]),
);
},
),
);
}
}
这段代码首先定义了一个名为QuickTipsPage
的StatefulWidget
,并在其构造函数中定义了一个参数。然后在_QuickTipsPageState
中,它定义了一个_tips
成员变量,用于保存技巧列表。在build
方法中,它使用widget
来访问和使用这些成员变量,这是访问StatefulWidget
构造参数的正确方式。最后,它使用ListView
来展示这些技巧。这个例子展示了如何在Flutter应用中有效地使用构造参数和State成员变量。
评论已关闭