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
免责声明及提醒:此文内容为本网所转载企业宣传资讯,该相关信息仅为宣传及传递更多信息之目的,不代表本网站观点,文章真实性请浏览者慎重核实!任何投资加盟均有风险,提醒广大民众投资需谨慎!
相关新闻
- 2020-03-27·华为Mate30 Pro自述:
- 2019-12-23·《大明风华》里的亲子关系
- 2020-03-27·车联网安全系列——特斯拉iBe
- 2019-12-23·神仙选角有多厉害?巩俐的郎平,
- 2020-03-27·福特工程师:特斯拉电池技术领先
资讯排行