一直有听说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),
),
),
),
);
}
}
网友评论