flutter 基础代码结构
2020-03-21 06:31:59
来源:
阅读:1
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 主程序入口
推荐阅读:安龙县成承泽代销资讯平台
相关阅读
时尚女人网版权与免责声明:
一、凡本站中注明“来源:时尚女人网”的所有文字、图片和音视频,版权均属时尚女人网所有,转载时必须注明“来源:时尚女人网”,并附上原文链接。
二、凡来源非时尚女人网的(作品)只代表本网传播该消息,并不代表赞同其观点。
如因作品内容、版权和其它问题需要同本网联系的,请在见网后30日内进行联系。