以后都不专门贴代码了,直接上图片,要多敲,哈哈~~~
1.设置appBar的标题、居中、背景颜色
image.png
效果图如下:
image.png
2.然后给appBar的标题修改字体的颜色
image.png
效果图如下:
image.png
3.设置文本
image.png
效果图:
image.png
3.1 设置文本居中
image.png
效果图:
image.png
上面所有代码
import 'package:flutter/material.dart';
void main() => runApp(MaterialApp(
//第二步
home: Home(),
));
//第一步:输入stl就会有提示
class Home extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(
"标题",
style: TextStyle(
fontSize: 30.0,
fontWeight: FontWeight.bold,
color: Colors.amberAccent),
),
centerTitle: true,
backgroundColor: Colors.red[300],
),
body:Center(
child: Text(
"我是文本,哈哈",
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold),
),
)
); //这里要改成Scaffold,类似于一个容器
}
}
网友评论