Flutter SwiftUI React 對(duì)比

都是新一代UI編程框架,都是申明式 UI 編程,都有各自的DSL描述頁(yè)面。都有各自的場(chǎng)景。

目標(biāo)

Flutter,Google新一代操作系統(tǒng)Fuchsia 的界面設(shè)計(jì)框架,還支持Android,iOS,桌面,Web 平臺(tái)。推測(cè)以后嵌入到Android系統(tǒng)內(nèi)部,流行度將暴增。
SwiftUI是蘋果Swift語(yǔ)言的作品,支持watchOS,iOS,iPadOS,macOS,tvOS ,蘋果的所有操作系統(tǒng)平臺(tái)。統(tǒng)一了界面元素。
React是Facebook搞得web框架,也衍生出React Native,支持移動(dòng)端平臺(tái)。

入口

Flutter入口是main方法,runApp(widget),傳入DSL描述的widget。
SwiftUI也是main方法。集成App協(xié)議,實(shí)現(xiàn)body。

import SwiftUI

@main
struct TestApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

UI 元素

Flutter 每個(gè)UI元素是Widget,子元素是child,多個(gè)子元素是children。修飾使用屬性。
SwiftUI 每個(gè)UI元素是 View,子元素是context,修飾元素使用modify。鏈?zhǔn)綄懛ǎ萬lutter的屬性要簡(jiǎn)明很多,不需要注意逗號(hào)。
React使用html標(biāo)簽。邏輯使用js。

?著作權(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ù)。

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