flutter 基础代码结构!
2020-11-20 04:05:24来源:阅读:-
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 主程序入口
推荐阅读:合肥热线
版权和免责申明
安徽都市网所有文字、图片、视频、音频等资料均来自互联网,不代表本站赞同其观点,本站亦不为其版权负责。相关作品的原创性、文中陈述文字以及内容数据庞杂本站无法一一核实,如果您发现本网站上有侵犯您的合法权益的内容,请联系我们,本网站将立即予以删除!
