聚焦东南网_东南人最受欢迎的企业资讯门户网站之一
加入收藏 网站地图

flutter 基础代码结构

来源:时间:2020-03-28 08:09:49 阅读:-

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<MyHomePage> {        //定义一些成员变量    //定义一些自定义方法        //构建实时状态更新内容    @override    Widget build(BuildContext context) {        //返回内容脚手架        return Scaffold(          //定义app条          appBar: AppBar(            title: Text("啥玩意儿?"),          ),          body: Center(              //定义布局插件              child: Column(                  mainAxisAligment: MainAxisAlignment.center,   //定义布局位置                  children: <Widget>[                      Padding(                          padding: EdgeInsets.all(10),                          child: Image.asset('images/asset.png'),                      ), //定义插件内容                  ], //定义子插件列表              ),          ),          floatingActionButton: FloatingActionButton(              onPressed: _myFunction,              tooltip: "tip",              child: Icon(Icons.add)          ),    //定义按钮内容,可没有.        );  //脚手架内容    }}


flutter 主程序入口

图文推荐

聚焦东南网版权及免责声明:

1、凡本网注明 “来源:***(非聚焦东南网)” 的作品,均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。

2、如因作品内容、版权和其它问题需要同本网联系的,请在30日内进行。

最新新闻
热门资讯榜