设为首页 加入收藏
您当前位置 > 扬州之声 > 商讯 > 正文
>
分享
新浪微博
腾讯微博
微信
QQ空间
QQ好友
手机阅读分享话题

flutter 基础代码结构

2020-03-28 06:07:38阅读:- 来源:
classMyApp extends StatelessWidget { //定义application的根插件 title: '定义界面标题',

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

(正文已经结束)

推荐阅读:iphone7对比iphone8

免责声明及提醒:此文内容为本网所转载企业宣传资讯,该相关信息仅为宣传及传递更多信息之目的,不代表本网站观点,文章真实性请浏览者慎重核实!任何投资加盟均有风险,提醒广大民众投资需谨慎!