一、flutter的入門

本篇講的是flutter的目錄、代碼結(jié)構(gòu)組成和一個(gè)簡(jiǎn)單的demo

一、flutter目錄:

創(chuàng)建好一個(gè)flutter項(xiàng)目后,你對(duì)flutter目錄思考了解過嗎?下面咱就說說這幾個(gè)目錄分別是什么意思。

android (android平臺(tái)相關(guān)代碼)

ios(ios平臺(tái)相關(guān)代碼)

build(存放編譯結(jié)果以及apk包)

lib(flutter 相關(guān)代碼,我們主要編寫的代碼就在這個(gè)文件夾)

test(用于存放測(cè)試代碼)

pubspec.yaml(配置文件,一般存放一些第三方庫(kù)的依賴)

二、基本代碼結(jié)構(gòu):

import?'package:flutter/material.dart';? // 導(dǎo)入Material UI組件

void?main()?{??// 入口方法,其中main是dart的入口方法,runApp是flutter的入口方法

??runApp(MyApp());? // MyApp是一個(gè)自定義的組件

}

也可寫成下面這種方式:

void main() => runApp(MyApp());

三、一個(gè)簡(jiǎn)單的demo

import?'package:flutter/material.dart';

void?main()?{

??runApp(Center( // 類似一個(gè)容器,可以讓它里面的內(nèi)容都居中顯示

????child:?Text( // Text是文本組件,意味你寫的是文本

??????"hello,world!",

??????textDirection:?TextDirection.ltr, // 這個(gè)的意思是文本方向是從左到右

????),

??));

}

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容