这个效果被称为TextOverflow效果。您可以通过添加maxLines和overflow参数将此效果添加到您的文本部件中，如下所示：-

Text('${_foundUsers[index]["artist"].subgenres.toString()}',
maxLines: 1, //  <-- add this parameter
overflow: TextOverflow.ellipsis, <-- add this parameter
style:TextStyle(color: Colors.white))

关于Hovering效果，可以使用悬停1.0.4：https://pub.dev/packages/hovering。您必须使用Hover部件将Text部件换行，如下所示：-

HoverWidget(
  onHover: (PointerEnterEvent event) {},
  hoverChild: Padding(
    padding: const EdgeInsets.only(left: 5, right: 5),
    child: Text(
        '${_foundUsers[index]["artist"].subgenres.toString()}',
        style: TextStyle(color: Colors.white)),
  ),
  child: Padding(
      padding: const EdgeInsets.only(left: 5, right: 5),
      child: Text(
          '${_foundUsers[index]["artist"].subgenres.toString()}',
          maxLines: 1, //  <-- add this parameter
          overflow: TextOverflow.ellipsis, //  <-- add this parameter
          style: TextStyle(color: Colors.white))),
),

完整的代码：-（我已经使用了静态文本，如名称和abcde...在此代码）

import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart';
import 'package:hovering/hovering.dart';

void main() => runApp(const MyApp());

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

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      home: Scaffold(
        body: Center(
          child: TextHover(),
        ),
      ),
    );
  }
}

class TextHover extends StatefulWidget {
  final ValueChanged<double>? valueChanged;

  const TextHover({super.key, this.valueChanged});

  @override
  TextHoverState createState() {
    return TextHoverState();
  }
}

class TextHoverState extends State<TextHover> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: [
            for (int i = 0; i < 5; i++) ...[
              Center(
                child: Container(
                  color: Colors.green[200],
                  width: 120,
                  height: 100,
                  margin: const EdgeInsets.only(top: 10, bottom: 10),
                  child: Column(
                    children: [
                      const SizedBox(
                        height: 20,
                      ),
                      Expanded(child: Text('Name : $i')),
                      Expanded(
                        child: HoverWidget(
                          onHover: (PointerEnterEvent event) {},
                          hoverChild: Center(
                            child: Padding(
                              padding: const EdgeInsets.only(left: 5, right: 5),
                              child: Text(
                                '$i:abcdefghijklmnopqrstuvwxyz',
                              ),
                            ),
                          ),
                          child: Center(
                            child: Padding(
                              padding: const EdgeInsets.only(left: 5, right: 5),
                              child: Text(
                                '$i:abcdefghijklmnopqrstuvwxyz',
                                maxLines: 1,
                                overflow: TextOverflow.ellipsis,
                              ),
                            ),
                          ),
                        ),
                      ),
                      const SizedBox(
                        height: 20,
                      ),
                    ],
                  ),
                ),
              )
            ]
          ],
        ),
      ),
    );
  }
}