您的位置: 湘华财网主页 > 消费 > 正文 >

flutter 基础代码结构

发布时间:2020-03-28 06:18:25   来源:互联网   阅读:-

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

推荐阅读:华为真无线蓝牙耳机

(正文已结束)

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

关于我们 - 联系我们 - 老版地图 - 网站地图 - 版权声明
Copyright.2002-2020  湘华财网 版权所有 本网拒绝一切非法行为 欢迎监督举报 如有错误信息 欢迎纠正