import 'package:flutter/material.dart';

void main() {
  runApp(const MaterialApp(home: BaselineTest()));
}

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SafeArea(
        child: Padding(
          padding: const .all(16),
          child: Column(
            spacing: 8,
            crossAxisAlignment: .start,
            children: [
              _List(title: 'TextBaseline.alphabetic', baseline: .alphabetic),
              _List(title: 'TextBaseline.ideographic', baseline: .ideographic),
            ],
          ),
        ),
      ),
    );
  }
}

class _List extends StatelessWidget {
  const _List({required this.title, required this.baseline});

  final String title;
  final TextBaseline baseline;

  @override
  Widget build(BuildContext context) {
    return Column(
      spacing: 8,
      crossAxisAlignment: .start,
      children: [
        Text(title, style: Theme.of(context).textTheme.titleLarge),
        Container(
          color: Colors.grey[200],
          child: Row(
            crossAxisAlignment: .baseline,
            textBaseline: baseline,
            children: [
              const Text(
                'Highg',
                style: TextStyle(
                  fontSize: 60,
                  backgroundColor: Colors.amberAccent,
                ),
              ),
              const Text(
                '国jp',
                style: TextStyle(
                  fontSize: 60,
                  backgroundColor: Colors.orangeAccent,
                ),
              ),
              const SizedBox(width: 16),
              const Text(
                'Highg',
                style: TextStyle(
                  fontSize: 20,
                  backgroundColor: Colors.greenAccent,
                ),
              ),
              const Text(
                '国jp',
                style: TextStyle(
                  fontSize: 20,
                  backgroundColor: Colors.blueAccent,
                ),
              ),
              const SizedBox(width: 16),
              const Text(
                'Mixed国jp',
                style: TextStyle(
                  fontSize: 30,
                  backgroundColor: Colors.purpleAccent,
                ),
              ),
            ],
          ),
        ),
      ],
    );
  }
}