美文网首页
flutter学习之旅(一)

flutter学习之旅(一)

作者: 白兔糖丶 | 来源:发表于2019-11-26 17:46 被阅读0次

    一直有听说flutter超厉害的,今天也开始记录一下每天的学习成果。从零开始学习,不知道是不是从入门到放弃。哈哈哈...
    废话不多说,搭好环境开始学习今天第一个控件。
    -------------------------------------又是分隔线------------------------------------------

    Text

    决定先写个“hello world”

    //导包
    import 'package:flutter/material.dart';
    
    //=>这个是简写,当方法后只有一行的时候可以使用
    void main() => runApp(MyText());
    
    /**
     * Text属性:
     *style//样式 【祥见style属性】
     *textAlign//对齐方式,( left:左对齐;right:右对齐;center:居中对齐;<--
        -->justify:自适应;start:文本开头,和textDirection有关;end:文本结尾,,和textDirection有关;)
     *textDirection//文本方向,(rtl:right to left 从右向左;ltr:left to right 从左向右)
     *softWrap//是否换行显示,(true换行,false不换行)
     *overflow//超出文本的处理方式,(TextOverflow.ellipsis, //以...结束)
     *textScaleFactor//每个逻辑像素的字体像素数,控制字体大小,
     *maxLines//最大行数,
     *
     * style属性:
     * inherit: true,
     *color//颜色,
     *fontSize//大小,默认10像素,
     *fontWeight, //字体粗细  粗体和正常
     *fontStyle,//文字样式,斜体和正常
     *letterSpacing//字间距,负数会让间距更小
     *wordSpacing//字符间距,
     *textBaseline,
     *height,
     *decoration,
     *decorationColor,//线的颜色
     *decorationStyle,
     *debugLabel,
     * String fontFamily//字体,
     * String package,
     */
    class MyText extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        // TODO: implement build
        return MaterialApp(
          title: "Text",
          home: Scaffold(
            body: Center(
              child: Text(
                "hello world",
                textAlign: TextAlign.center, //对齐方式
                style: TextStyle(fontSize: 20, color: Colors.deepOrangeAccent),
              ),
            ),
          ),
        );
      }
    }
    

    相关文章

      网友评论

          本文标题:flutter学习之旅(一)

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