Flutter是一種跨平臺移動開發框架,它提供了類似于Vue.js的組件化開發模式。
// Flutter組件示例代碼 import 'package:flutter/material.dart'; class MyButton extends StatelessWidget { final String text; final Function onPressed; MyButton({this.text, this.onPressed}); @override Widget build(BuildContext context) { return RaisedButton( onPressed: onPressed, child: Text(text), ); } } // 使用MyButton組件 class MyHomePage extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text("My HomePage"), ), body: Center( child: MyButton( text: "Click me!", onPressed: () { print("Button clicked!"); }, ), ), ); } }
類似于Vue,Flutter也有自己的響應式框架,稱為“Flutter Widgets”。Flutter Widgets允許您在狀態發生變化時在應用程序中自動更新UI。
// Flutter響應式示例代碼 import 'package:flutter/material.dart'; class Counter extends StatefulWidget { @override _CounterState createState() =>_CounterState(); } class _CounterState extends State{ int _count = 0; _incrementCount() { setState(() { _count++; }); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text("Counter"), ), body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Text("Count: $_count"), RaisedButton( child: Text("Increment"), onPressed: _incrementCount, ), ], ), ), ); } }
總的來說,Flutter提供了類似于Vue的組件化開發模式和響應式框架,使開發者能夠更快、更方便地構建優秀的跨平臺應用程序。