flutter 文字竖排

在Flutter中实现文字竖排可以通过多种方式来完成。以下是几种常见的方法：

1. 使用TextPainter：
TextPainter是Flutter中一个强大的工具，可以用来绘制文本。通过设置TextPainter的文本方向为垂直，可以实现文字竖排。

import 'package:flutter/material.dart';

class VerticalText extends StatelessWidget {
  final String text;

  VerticalText(this.text);

  @override
  Widget build(BuildContext context) {
    return CustomPaint(
      painter: _VerticalTextPainter(text),
    );
  }
}

class _VerticalTextPainter extends CustomPainter {
  final String text;

  _VerticalTextPainter(this.text);

  @override
  void paint(Canvas canvas, Size size) {
    final textSpan = TextSpan(
      text: text,
      style: TextStyle(color: Colors.black, fontSize: 16),
    );

    final textPainter = TextPainter(
      text: textSpan,
      textDirection: TextDirection.ltr,
      textAlign: TextAlign.center,
    );

    textPainter.layout(minWidth: size.width, maxWidth: size.width);

    for (int i = 0; i < text.length; i++) {
      textPainter.paint(canvas, Offset(0, i * 20));
      canvas.translate(0, 20);
    }
  }

  @override
  bool shouldRepaint(covariant CustomPainter oldDelegate) {
    return false;
  }
}

2. 使用Row和Text的组合：
通过将每个字符放在单独的Text widget中，并将它们垂直排列，可以实现简单的竖排效果。

import 'package:flutter/material.dart';

class VerticalTextRow extends StatelessWidget {
  final String text;

  VerticalTextRow(this.text);

  @override
  Widget build(BuildContext context) {
    return Column(
      children: text.split('').map((char) => Text(char, style: TextStyle(fontSize: 16))).toList(),
    );
  }
}

3. 使用Transform：
通过旋转文本容器，可以实现文字的竖排效果。

import 'package:flutter/material.dart';

class VerticalTextTransform extends StatelessWidget {
  final String text;

  VerticalTextTransform(this.text);

  @override
  Widget build(BuildContext context) {
    return Container(
      width: 20,
      child: Transform(
        alignment: Alignment.center,
        transform: Matrix4.rotationZ(1.5708), // 90度旋转
        child: Text(
          text,
          style: TextStyle(fontSize: 16),
        ),
      ),
    );
  }
}

这些方法各有优缺点，可以根据具体需求选择合适的实现方式。例如，使用TextPainter可以更精确地控制文本布局，而使用Row和Text的组合则更简单直接。