flutter的opacity组件示例三

最新推荐文章于 2025-12-16 16:58:18 发布

原创

最新推荐文章于 2025-12-16 16:58:18 发布 · 541 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#flutter

这是一个Flutter示例，演示如何使用Opacity组件在用户与UI元素交互时改变元素的透明度，以提供视觉反馈。在这个例子中，我们将创建一个简单的按钮，当用户点击按钮时，按钮的透明度会降低，当用户释放按钮时，透明度会恢复。

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
   
   
  @override
  Widget build(BuildContext context) {
   
   
    return MaterialApp(
      home: InteractiveOpacityExample(),
    );
  }
}

class InteractiveOpacityExample extends StatefulWidget {