Flutter:单击MaterialButton时更新屏幕上的文本

基础概念

Flutter 是 Google 开发的一个开源 UI 工具包，用于构建跨平台的应用程序。它使用 Dart 语言编写，可以一次性开发 Android 和 iOS 应用。MaterialButton 是 Flutter 中的一个按钮组件，遵循 Material Design 设计规范。

类型

MaterialButton 是 Flutter 中的一个按钮组件，属于 Material Design 组件库的一部分。

应用场景

MaterialButton 适用于需要遵循 Material Design 设计规范的 Android 和 iOS 应用中的按钮功能。

示例代码

以下是一个简单的示例，展示如何在单击 MaterialButton 时更新屏幕上的文本：

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter Button Example'),
        ),
        body: Center(
          child: Counter(),
        ),
      ),
    );
  }
}

class Counter extends StatefulWidget {
  @override
  _CounterState createState() => _CounterState();
}

class _CounterState extends State<Counter> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Center(
      child: Text('You have pushed the button $_counter times.'),
    );
  }
}