flutter从0开始自学

flutter从零开始使用(二)

2020-03-08  本文已影响0人  it奔跑在路上

以后都不专门贴代码了,直接上图片,要多敲,哈哈~~~

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,类似于一个容器
  }
}
上一篇下一篇

猜你喜欢

热点阅读