Flutter 是 Google 开源的 UI 工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台。Flutter 旨在帮助开发者创作媲美原生的高性能应用,并遵从了各个平台不同的滚动行为、排版布局、图标样式等。
以下是 Flutter 技术发展概览:
快速开发:Flutter 提供了毫秒级的热加载,修改后,您的应用界面会立即更新。使用丰富的、完全可定制的 widget 在几分钟内构建原生界面。
富有表现力和灵活的 UI:Flutter 提供了许多核心的 widget,如滚动、导航、图表和字体等,这些都可以在 iOS 和 Android 上达到原生应用一样的性能。
原生性能:Flutter 包含了许多核心的 widget,如滚动、导航、图表和字体等,这些都可以在 iOS 和 Android 上达到原生应用一样的性能。
分层的架构:允许您完全自定义,从而实现难以置信的快速渲染和富有表现力、灵活的设计。
完全免费、开源:在世界范围内,Flutter 被越来越多的开发者和组织使用。
以下是使用 Flutter 技术创建一个简单应用程序的示例代码:
import 'package:flutter/material.dart';
void main() { runApp(MyApp()); }
class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, ), home: MyHomePage(), ); } }
class MyHomePage extends StatefulWidget { @override _MyHomePageState createState() => _MyHomePageState(); }
class _MyHomePageState extends State<MyHomePage> { int _counter = 0;
void _incrementCounter() { setState(() { _counter++; }); }
@override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Flutter Demo Home Page'), ), body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ Text( 'You have pushed the button this many times:', ), Text( '$_counter', style: Theme.of(context).textTheme.headline4, ), ], ), ), floatingActionButton: FloatingActionButton( onPressed: _incrementCounter, tooltip: 'Increment', child: Icon(Icons.add), ); // This trailing comma makes auto-formatting happy and do not generate E-tag without it } }