首先我先学习了Text 这个大家都会
当然我先说一下我学习Flutter的感受吧
从官网上看呢 就是这个网址
https://flutterchina.club/get-started/codelab/#%E7%AC%AC1%E6%AD%A5-%E5%88%9B%E5%BB%BA-flutter-app
学习了半天吧感觉没什么成效 就是照着写看说明写了一个列表感觉很懵逼，不知道是怎么出来的我也是醉了
连最基本的组织框架我也看不明白不怎么熟悉不像我们学习java 的时候就是 main方法一些写个System.out.plint("Hello World");
这样子就完了
Flutter呢对于一个我用java语言开发的人来说感觉不是那么友好
还有就是控件吧一行一行的没有标签式的xml看着舒服
就是布局我到现在不是很清楚到底是怎么布局的
基本是一个居中的Text吧 和一些常用的属性 因为公司学习比较紧凑所以学习了很多不怎么会熟练使用
class MyAppextends StatelessWidget {
get rightClick =>null;
@override
Widgetbuild(BuildContext context) {
return MaterialApp(
title:'Flutter Demo',
home:Scaffold(
appBar:AppBar(
title:Text('Hello World'),
),
body:Center(
child:Text(
'你好呀你好呀你好呀你好呀你好呀你好呀你好呀你好呀你好呀你好呀你好呀',
textAlign: TextAlign.center,
//文本对齐方式 居中
textDirection: TextDirection.ltr,
//文本方向
softWrap:false,
//是否自动换行 false文字不考虑容器大小 单行显示 超出；屏幕部分将默认截断处理
overflow: TextOverflow.ellipsis,
//文字超出屏幕之后的处理方式 TextOverflow.clip剪裁 TextOverflow.fade 渐隐 TextOverflow.ellipsis省略号
textScaleFactor:2.0,
//字体显示的赔率
maxLines:2,
//最大行数
style:TextStyle(
backgroundColor: Colors.blue,
decorationColor:const Color(0xffffffff),
//线的颜色
decoration: TextDecoration.none,
//none无文字装饰 lineThrough删除线 overline文字上面显示线 underline文字下面显示线
decorationStyle: TextDecorationStyle.solid,
//文字装饰的风格 dashed,dotted虚线(简短间隔大小区分) double三条线 solid两条线
wordSpacing:0.0,
//单词间隙(负值可以让单词更紧凑)
letterSpacing:0.0,
//字母间隙(负值可以让字母更紧凑)
fontStyle: FontStyle.italic,
//文字样式，斜体和正常
fontSize:20.0,
//字体大小
fontWeight: FontWeight.w900,
//字体粗细 粗体和正常
color:const Color(0xffffffff), //文字颜色
),
),
),
),
);
}
}
网友评论