移动开发最新Flutter第3天--基础控件,华为Android面试真题解析
在Flutter开发中,基础控件包括文本、图片、按钮等,以下是创建这些控件的简单示例代码:
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
// 文本控件示例
Text('Hello, Flutter!'),
// 图片控件示例
Image.network('https://example.com/image.png'),
// 按钮控件示例
RaisedButton(
child: Text('Click Me'),
onPressed: () {
// 点击按钮时的行为
print('Button Clicked');
},
),
],
),
),
),
);
}
}
这段代码首先导入了Flutter的material
库,然后创建了一个MyApp
类,继承自StatelessWidget
。在build
方法中,它创建了一个MaterialApp
作为根部件,并在主体中心显示了一个列。列中包含了三个控件:Text
用于显示文本,Image
用于加载并显示图片,RaisedButton
用于用户交互。这些控件都是Flutter中基础且常用的控件。
评论已关闭