美文网首页
flutter组件的理解

flutter组件的理解

作者: JSONYUAN | 来源:发表于2019-10-22 10:44 被阅读0次

    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: <Widget>[Icon(Icons.search)],
          ),
          body: MyApp(), //内容主题
          // 侧边栏
          drawer: DrawerList(),
        ));
      }
    }

    相关文章

      网友评论

          本文标题:flutter组件的理解

          本文链接:https://www.haomeiwen.com/subject/gflnqctx.html