Google 跨平台方案 Flutter 从入门到实战

Flutter是一个由Google开发的开源移动应用开发框架，它可以用于构建iOS和Android上的原生界面。以下是一个简单的Flutter应用程序的代码示例，它创建一个按钮和一个文本标签，当点击按钮时，文本标签的内容会更新。

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomePage(),
    );
  }
}
 
class HomePage extends StatefulWidget {
  @override
  _HomePageState createState() => _HomePageState();
}
 
class _HomePageState extends State<HomePage> {
  int _counter = 0;
 
  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }
 
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Demo'),
      ),
      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),
      ),
    );
  }
}

这段代码首先导入了Flutter的核心组件库material.dart。然后定义了一个main函数，它设置并启动了应用程序。接着定义了一个MyApp类，它是应用程序的根部件。HomePage类是有状态的，它包含一个按钮和一个文本标签，按钮用于增加计数器，文本标签显示计数器的当前值。这个简单的例子展示了Flutter应用程序的基本结构和控件使用。