flutter学习之旅(一)

一直有听说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学习之旅(一))