flutter 基础代码结构!
2020-11-20 07:06:39
来源:互联网
阅读:-
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 { //定义一些成员变量 //定义一些自定义方法 //构建实时状态更新内容 @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 主程序入口
推荐阅读:西宁信息港
免责声明:本文仅代表企业观点,与企业家在线无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。