重新认识Flutter跨平台技术

Flutter是一个由Google开发的开源移动应用程序开发框架，它可以快速在Android和iOS上构建高质量的原生用户界面。Flutter使用Dart作为编程语言，并提供了一个富有表现力和灵活的UI工具包。

以下是一个简单的Flutter应用程序示例，它创建了一个标签页视图，并在每个标签页上显示不同的文本：

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: TabbedPage(),
    );
  }
}
 
class TabbedPage extends StatefulWidget {
  @override
  _TabbedPageState createState() => _TabbedPageState();
}
 
class _TabbedPageState extends State<TabbedPage> with SingleTickerProviderStateMixin {
  TabController _tabController;
 
  @override
  void initState() {
    super.initState();
    _tabController = TabController(length: 2, vsync: this);
  }
 
  @override
  void dispose() {
    _tabController.dispose();
    super.dispose();
  }
 
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Tabbed Page'),
        bottom: TabBar(
          controller: _tabController,
          tabs: <Widget>[
            Tab(text: 'Tab One'),
            Tab(text: 'Tab Two'),
          ],
        ),
      ),
      body: TabBarView(
        controller: _tabController,
        children: <Widget>[
          Center(child: Text('Content for Tab One')),
          Center(child: Text('Content for Tab Two')),
        ],
      ),
    );
  }
}

这个示例程序创建了一个带有两个标签的页面，每个标签在页面底部显示不同的内容。TabController用于同步两个TabBar和TabBarView部件。SingleTickerProviderStateMixin确保了动画的稳定。这个简单的例子展示了Flutter框架的一些核心功能，并且可以作为学习Flutter的起点。