Flutter 零基础学习初探（一）

此博客为了记录下自己学习Flutter这门语言的点滴。关于安装请看Flutter中文网.
直接进入正题：

WechatIMG33.jpeg

1.基础控件：Text

Text也是一个构造函数，这里面的所有都是可选属性参数，这里面的所有参数都可以进行对其设置默认值。
const Text(
    this.data, {
    Key key,
    this.style,
    this.strutStyle,
    this.textAlign,
    this.textDirection,
    this.locale,
    this.softWrap,
    this.overflow,
    this.textScaleFactor,
    this.maxLines,
    this.semanticsLabel,
    this.textWidthBasis,
  }) 

我们把用Android Studio创建的flutter项目里的demo代码都删了，然后敲入以下代码，模拟器选择iPhoneXR(根据自己喜好)，用安卓的模拟器运行也可以。

import 'package:flutter/material.dart';//
void main(){
  runApp(
//布局 
    Center(
      child: Text('Hello',textDirection: TextDirection.ltr,),
    )
  );
}

这里面的child我们可以理解为子控件就行了，其实flutter这门语言写多了，可读性非常强，还很🤙🤙🤙🤙🤙🤙
运行结果：

屏幕快照 2019-06-30 上午9.45.59.png

结合Widget（小部件）进行基础扩展，首先理解Flutter语言的两大关键词:Stateful （有状态，可以理解为可变的），Stateless（无状态，不可变的创建好是啥样就是啥样了）。final关键词声明一个对象时，代表不可变（swift的let），var关键词声明一个对象时，代表可变(swift的var)。

import 'package:flutter/material.dart';//
void main(){
  runApp(
    Center(
      child: MyWidget()),

  );
}

//一个Widget就是一个类
class MyWidget extends StatelessWidget{
  //渲染界面 build
  @override
//自定义属性 字体颜色 字号 字体加粗呀
  final _textStyle = TextStyle(color: Colors.red,
    fontSize: 40,
  fontWeight: FontWeight.bold);
  Widget build(BuildContext context) {
    // TODO: implement build
    return Center(
      child: Text(
        'Hello Flutter',textDirection: TextDirection.ltr,
        style: _textStyle,
      ),
    );
  }


}

其实还有个更加简便的调用写法：

void main() => runApp(MyWidget());