广东信息网 > 财经 >flutter 基础代码结构!

flutter 基础代码结构!

2020-11-19 04:19:28 来源:互联网 阅读:-

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 主程序入口

推荐阅读:时代金融网

(正文已结束)

热点图片 更多>>
综艺下饭,越吃越慢 综艺下饭,越吃越慢
《布达佩斯大饭店》:从电影配色和构图解锁家居装饰新技巧 《布达佩斯大饭店》:从
有种“整容”叫孙俪留长发,形象一公开,网友:至少年轻了十多岁 有种“整容”叫孙俪留长
《胜算》唐飞潜伏能力第三,前两名将福原玩弄于股掌,飚着劲耍猴 《胜算》唐飞潜伏能力第
新闻头条
精彩专题 更多>>
麻辣小海鲜技术配方,操作简单,讲解详细 1麻辣小海鲜技术配方,操作
点击排行 更多>>