美文网首页flutter从0开始自学
flutter从零开始使用(二)

flutter从零开始使用(二)

作者: it奔跑在路上 | 来源:发表于2020-03-08 17:42 被阅读0次

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

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

    相关文章

      网友评论

        本文标题:flutter从零开始使用(二)

        本文链接:https://www.haomeiwen.com/subject/eocjdhtx.html