有没有办法在flutter中添加3d文字效果？

Question

我是 Flutter 的新手，我真的受到了“！Not Boring Calculator”应用程序的启发（如果您还没有检查过该应用程序，请检查一下 - 它真的很棒）。在这个应用程序中，有一个我正在尝试重新创建的 3D 数字效果。我知道幕后发生了很多事情，但我想创建一种类似的效果。您对我如何做到这一点有什么建议吗？

！不无聊的计算器截图

提前致谢。

我已经厌倦了 ThreeDtextpainter 的这个包，但它没有给出任何好的结果

这是代码

import 'package:flutter/material.dart';

class ThreeDText extends StatelessWidget {
  final String text;
  final double fontSize;
  final Color color;
  final double depth;

  ThreeDText({
    required this.text,
    this.fontSize = 40,
    this.color = Colors.black,
    this.depth = 4,
  });

Answer 1

尝试下面的代码，在没有任何包的情况下对文本进行 3D 效果。

        Stack(
          children: [
            Positioned(
              top: 1,
              left: 4,
              child: Transform(
                transform: Matrix4.identity()
                  ..setEntry(3, 2, 0.002) // Perspective
                  ..rotateX(0.25), // Adjust for 3D effect
                child: Text(
                  '0',
                  style: TextStyle(
                    fontSize: 170,
                    color: Colors.grey[600],
                    fontWeight: FontWeight.bold,
                  ),
                ),
              ),
            ),
            Positioned(
              top: 0,
              left: 0,
              child: Text(
                '0',
                style: TextStyle(
                  fontSize: 150,
                  color: Colors.grey[500],
                  fontWeight: FontWeight.bold,
                ),
              ),
            ),
          ],
        ),