Flutter开始学习控件之Text

首先我先学习了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), //文字颜色

            ),

          ),

        ),

      ),

    );

  }

}

你可能感兴趣的:(Flutter开始学习控件之Text)