Flutter 中的 FadeTransition 小部件：全面指南

在Flutter中，FadeTransition是一个可以实现淡入淡出效果的小部件。以下是如何使用FadeTransition的示例代码：

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('Fade Transition Example'),
        ),
        body: Center(
          child: FadeTransition(
            opacity: Tween<double>(begin: 0.0, end: 1.0).animate(CurvedAnimation(
              parent: AlwaysStoppedAnimation(kAlwaysCompleteAnimation),
              curve: Curves.easeIn,
            )),
            child: Container(
              width: 200.0,
              height: 200.0,
              color: Colors.blue,
            ),
          ),
        ),
      ),
    );
  }
}

这段代码创建了一个简单的应用，其中FadeTransition使得一个蓝色的方框渐变出现在屏幕中心位置。通过调整Tween和CurvedAnimation，你可以控制淡入效果的强度和时间。