自定義類方法實現和視圖控制器的加載與顯示:

void main() => runApp(App());
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,
      ),
    );
  }


}
//定義一個類方法 
class App extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    //理解為視圖控制器容器
    return MaterialApp(
      //home屬性
      home:MyWidget() ,
    );
  }
}

這里說個構造自定義類的小技巧 直接輸入stl,或者stf，系統(tǒng)會自動生成構造方法：

stl:

class (這里寫你的類名) extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container();
  }
}


stf:
class (這里寫你的類名) extends StatefulWidget {
  @override
  _State createState() => _State();
}

class _State extends State<> {
  @override
  Widget build(BuildContext context) {
    return Container();
  }
}

下面我們自定義一個我們最常見的視圖控制器帶導航條的視圖控制器：

void main() => runApp(App());
//一個Widget就是一個類
class MyWidget extends StatelessWidget{...}

//定義一個類方法 
class App extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    //理解為視圖控制器容器
    return MaterialApp(
      //home屬性 帶導航條導航控制器
      home:Scaffold(
        //熟悉的感覺（navgationBar）
        appBar: AppBar(
          title: Text('Flutter demo'),
        ),
        body: MyWidget(),
      ) ,
      //修改導航條顏色
      theme: ThemeData(
        primaryColor: Colors.red
      ),
    );
  }
}

上面看有省略號的方法，有個快速縮放的快捷鍵：command -;選擇你需要在大括號那里使用就行了；