animated_complex_opacity.dart 1.96 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23
// Copyright 2014 The Flutter Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

import 'package:flutter/material.dart';

// Various tests to verify that Aniamted opacity layers (i.e. FadeTransition) do not
// dirty children even without explicit repaint boundaries. These intentionally use
// text to ensure we don't measure the opacity peephole case.
class AnimatedComplexOpacity extends StatefulWidget {
  const AnimatedComplexOpacity({ super.key });

  @override
  State<AnimatedComplexOpacity> createState() => _AnimatedComplexOpacityState();
}

class _AnimatedComplexOpacityState extends State<AnimatedComplexOpacity> with SingleTickerProviderStateMixin {
  late final AnimationController controller = AnimationController(vsync: this, duration: const Duration(milliseconds: 5000));
  late final Animation<double> animation = controller.drive(Tween<double>(begin: 0.0, end: 1.0));

  @override
  void initState() {
    super.initState();
24 25 26 27 28 29 30
    controller.repeat();
  }

  @override
  void dispose() {
    controller.dispose();
    super.dispose();
31 32 33 34 35 36 37 38 39 40 41
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: ListView(
          children: <Widget>[
            for (int i = 0; i < 20; i++)
            FadeTransition(opacity: animation, child: Center(
              child: Transform.scale(scale: 1.01, child: const ModeratelyComplexWidget()),
42
            )),
43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65
          ],
        ),
      ),
    );
  }
}

class ModeratelyComplexWidget extends StatelessWidget {
  const ModeratelyComplexWidget({ super.key });

  @override
  Widget build(BuildContext context) {
    return const Material(
      elevation: 10,
      clipBehavior: Clip.hardEdge,
      child: ListTile(
        leading: Icon(Icons.abc, size: 24),
        title: DecoratedBox(decoration: BoxDecoration(color: Colors.red), child: Text('Hello World')),
        trailing: FlutterLogo(),
      ),
    );
  }
}