当前位置: 理想在线首页 >> 资讯
flutter 基础代码结构!
发表时间:2020-11-19 04:52:26  阅读:-   来源:互联网

flutter程序无论单页面还是TabView,代码的基础结构都是类似的。

程序的入口文件默认为main.dart,并且不能更改文件名称。类似于java的写法,主程序 main()作为flutter程序的启动主函数。

import 'package:flutter/material.dart';void main() => runApp(MyApp())class MyApp extends StatelessWidget {    //定义application的根插件        @override    Widget build(BuildContext context){        //定义内容        return MateriaApp(            title: '定义界面标题',            theme: ThemeData(                primarySwatch: Colors.green,    //定义主色调            ),  //定义主题样式            home: MyHomePage(title: 'APP 标题'),  //定义app启动主界面        );  //MateriaApp    }}class MyHomePage extends StatefulWidget {        //定义application的主界面插件    MyHomePage({Key key, this.title}) : super(key: key);        final String title;        @override    _MyHomePageState createState() => _MyHomePageState();}class _MyHomePageState extends State {        //定义一些成员变量    //定义一些自定义方法        //构建实时状态更新内容    @override    Widget build(BuildContext context) {        //返回内容脚手架        return Scaffold(          //定义app条          appBar: AppBar(            title: Text("啥玩意儿?"),          ),          body: Center(              //定义布局插件              child: Column(                  mainAxisAligment: MainAxisAlignment.center,   //定义布局位置                  children: [                      Padding(                          padding: EdgeInsets.all(10),                          child: Image.asset('images/asset.png'),                      ), //定义插件内容                  ], //定义子插件列表              ),          ),          floatingActionButton: FloatingActionButton(              onPressed: _myFunction,              tooltip: "tip",              child: Icon(Icons.add)          ),    //定义按钮内容,可没有.        );  //脚手架内容    }}


flutter 基础代码结构

flutter 主程序入口

推荐阅读:北京之窗

图片推荐
关于我们 | 联系我们 | XML地图 | 网站地图TXT | 版权声明

Copyright 2020 理想在线 版权所有 本网拒绝一切非法行为 欢迎监督举报 如有错误信息 欢迎纠正