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) ), //定義按鈕內容,可沒有. ); //腳手架內容 }}
最新評論