Flutter基础开发

Flutter是一个开源的UI工具包，它可以用来构建高质量的原生移动应用。在Flutter中，有一些基本的开发概念需要理解，包括widget、state、事件处理、导航、主题等。

以下是一个简单的Flutter应用示例，它创建了一个包含文本和按钮的基本页面。

首先，你需要安装Flutter SDK并设置好环境。然后，你可以使用以下命令创建一个新的Flutter项目：

flutter create my_app

然后，你可以在lib/main.dart文件中编写以下代码：

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> {
  String buttonText = 'Click Me';
 
  void _handleButtonPress() {
    setState(() {
      buttonText = 'Button Clicked!';
    });
  }
 
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Home Page'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text('Hello, World!'),
            SizedBox(height: 20.0),
            RaisedButton(
              child: Text(buttonText),
              onPressed: _handleButtonPress,
            ),
          ],
        ),
      ),
    );
  }
}

这个应用程序创建了一个包含文本和按钮的页面。当按钮被点击时，它会更新文本为"Button Clicked!"。这是一个很基础的例子，但它展示了如何在Flutter中构建简单的UI和响应事件。