Изменение цвета текста, если текст содержит хэштег "#"

Question

По сути, я хочу использовать функцию хэштега. Мне трудно сделать логику, в которой если текст содержит «#» (например, я люблю #flutter), текст #flutter изменит свой цвет на синий.

Можете ли вы дать мненамек на какой виджет использовать или есть пакет для этого?

Кажется, я не могу найти подобную проблему.

Answer 1

С помощью RichText вы можете создать текст с разными стилями, где каждый текст представляет собой TextSpan, например:

RichText(
  text: TextSpan(
    children: [
      TextSpan(text: "I love "),
      TextSpan(text: "#flutter", style: TextStyle(color: Colors.blue)),
    ],
  ),
)

Вы можете взять String и создать список текстов. и хэштеги, затем сопоставьте проверку списка: если элемент содержит #, тогда используйте TextSpan с синим цветом, в противном случае используйте значение по умолчанию TextSpan.

Вот быстрый рабочий пример, вы можете попробоватьчтобы улучшить его:

RichText _convertHashtag(String text) {
  List<String> split = text.split(RegExp("#"));
  List<String> hashtags = split.getRange(1, split.length).fold([], (t, e) {
    var texts = e.split(" ");
    if (texts.length > 1) {
      return List.from(t)
        ..addAll(["#${texts.first}", "${e.substring(texts.first.length)}"]);
    }
    return List.from(t)..add("#${texts.first}");
  });
  return RichText(
    text: TextSpan(
      children: [TextSpan(text: split.first)]..addAll(hashtags
          .map((text) => text.contains("#")
              ? TextSpan(text: text, style: TextStyle(color: Colors.blue))
              : TextSpan(text: text))
          .toList()),
    ),
  );
}

@override
Widget build(BuildContext context) {
  return Scaffold(
    backgroundColor: Colors.indigo,
    appBar: AppBar(title: Text('#hashtag')),
    body: Center(
      child: _convertHashtag("I love #flutter and #android very much"),
    ),
  );
}

Answer 2

надеюсь, что это работает!

Widget _getColoredHashtagText(String text) {
  if (text.contains('#')) {
    var preHashtag = text.substring(0, text.indexOf('#'));
    var postHashtag = text.substring(text.indexOf('#'));
    var hashTag = postHashtag;
    var other;
    if (postHashtag.contains(' ')) {
      hashTag = postHashtag.substring(0, postHashtag.indexOf(' '));
      other = postHashtag.substring(postHashtag.indexOf(' '));
    }
    return RichText(
      text: TextSpan(
        style: DefaultTextStyle.of(context).style,
        children: <TextSpan>[
          TextSpan(text: preHashtag),
          TextSpan(text: hashTag, style: TextStyle(color: Colors.blue)),
          TextSpan(text: other != null ? other : ""),
        ],
      ),
    );
  } else {
    return Text(text);
  }
}