flutter组件的理解

flutter的开始文件为main.dart

//引入的依赖
import 'package:flutter/material.dart';
// 引入hello.dart组件
import 'package:hello_word/home.dart';
//渲染的页面函数runApp 主要让所有组件都显示在页面上 此为功能
void main() => runApp(new App());


class App extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
// 创建一个meterailApp组件 此为一个主题组件
    return MaterialApp(
    title: 'my first materialApp',
    // home此为主页部件 Scaffold为home中的一个组件 用来修样式头部横条
    home: Scaffold(
      //appBar为头部横条设置
      appBar: AppBar(
        //头部横条
        title: Text('Flutter'),
        leading: Icon(Icons.menu),
        actions: [Icon(Icons.search)],
      ),
      body: MyApp(), //内容主题
      // 侧边栏
      drawer: DrawerList(),
    ));
  }
}

你可能感兴趣的:(flutter组件的理解)