Visual glitch introduced by RenderListWheelViewport needsCompositing

[LongCatIsLooong]

There seems to be a small visual glitch after applying https://github.com/flutter/flutter/pull/33070/files to the current master (e8517a4).

This blocks #14224 and #39919 from (re)landing.

[LongCatIsLooong]

Widget test to reproduce:

 class TestTransform extends LeafRenderObjectWidget {
  const TestTransform(this.needsCompositing, this.angle) : super();

  final bool needsCompositing;
  final double angle;

  @override
  RenderObject createRenderObject(BuildContext context) => RenderTestTransform(needsCompositing, angle);

  @override
  void updateRenderObject(BuildContext context, RenderTestTransform renderObject) {
    renderObject
      ..compositing = needsCompositing
      ..angle = angle;
  }
}

class RenderTestTransform extends RenderConstrainedBox {
  RenderTestTransform(this._compositing, this._angle)
    : super(additionalConstraints: const BoxConstraints.tightFor(width: 100, height: 200));

  bool get compositing => _compositing;
  bool _compositing;
  set compositing(bool newValue) {
    if (newValue == compositing)
      return;
    _compositing = newValue;
    markNeedsPaint();
    markNeedsCompositingBitsUpdate();
  }

  double get angle => _angle;
  double _angle;
  set angle(double newValue) {
    if (newValue == angle)
      return;
    _angle = newValue;
    markNeedsPaint();
  }

  @override
  void paint(PaintingContext context, Offset offset) {
    context.pushTransform(
      compositing,
      offset,
      MatrixUtils.createCylindricalProjectionTransform(
        radius: 100,
        angle: angle,
        perspective: 0.003,
      ),
      (PaintingContext context, Offset offset) {
        context.canvas.drawRect(
          (offset + const Offset(200, 200)) & const Size(10, 10),
          Paint()..color = const Color(0xFFFF0000),
        );
      },
    );
  }
}


  testWidgets('This should fail', (WidgetTester tester) async {
    for (double angle = 0; angle <= math.pi/4; angle += 0.01) {
      await tester.pumpWidget(RepaintBoundary(child: TestTransform(true, angle)));
      final RenderBox renderBox = tester.binding.renderView.child;
      final OffsetLayer layer = renderBox.debugLayer;
      final ui.Image trueImage = await layer.toImage(renderBox.paintBounds);

      await tester.pumpWidget(RepaintBoundary(child: TestTransform(false, angle)));

      try {
        await expectLater(find.byType(RepaintBoundary), matchesReferenceImage(trueImage));
      } catch (e) {
        print(angle);
      }
    }
  });

[LongCatIsLooong]

@liyuqian I'll try to reland https://github.com/flutter/flutter/pull/39919/files 30 days from now.

[github-actions]

This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.