Как выделить только цифры и специальные символы внутри текста во Flutter?

Я пытаюсь выделить любые числа и специальные символы, такие как «%», из строки, которая динамически поступает из JSON. Это моя текущая реализация, но я не могу понять, как ее динамически изменить.

                          RichText(
                                  overflow: TextOverflow.ellipsis,
                                  textAlign: TextAlign.center,
                                  maxLines: 4,
                                  text: TextSpan(
                                    children: <TextSpan>[
                                      TextSpan(
                                          text: 'Hey I\'m',
                                          style: TextStyle(
                                              color: kDarkBlue, fontSize: 21)),
                                      TextSpan(
                                          text: '1234 ',
                                          style: TextStyle(
                                              fontWeight: FontWeight.w800,
                                              fontSize: 24)),
                                      TextSpan(
                                          text: 'and',
                                          style: TextStyle(fontSize: 21)),
                                      TextSpan(
                                          text: '%',
                                          style: TextStyle(
                                              fontWeight: FontWeight.w800,
                                              fontSize: 24)),
                                    ],
                                  ),
                                ),

Вы пытались использовать Regex для этого случая?

Tomas 25.12.2020 20:15
Стоит ли изучать PHP в 2023-2024 годах?
Стоит ли изучать PHP в 2023-2024 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
3
1
1 086
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

  1. Преобразуйте строку в список, используя метод .split().

  2. Назначать

                  list.map((item) => TextSpan( text: item, 
                   style: TextStyle(
                           fontWeight: isNumeric(item)? 
                                  FontWeight.w800 : FontWeight.w800 ,
                            fontSize: 24))).toList()
    

к имуществу детей.

Вы также можете обратиться к этому ответу https://stackoverflow.com/a/55358328/10285344

Это решение будет выделять только числа, вы можете создать пользовательскую функцию, которая возвращает true, если элемент списка, то есть символ, является либо числом, либо специальным символом (с помощью Regex).

Ответ принят как подходящий

Окончательный результат:

Вы можете попробовать это:

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  String str = "Hey I'm 1234 and %";
  int findLen(String word) {
    return word.replaceAll(new RegExp(r'[a-zA-Z]'), "").length;
  }

  var styleOne = TextStyle(color: Colors.black87, fontSize: 21);

  var styleTwo = TextStyle(
      color: Colors.black87, fontWeight: FontWeight.w800, fontSize: 24);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: RichText(
        overflow: TextOverflow.ellipsis,
        textAlign: TextAlign.center,
        maxLines: 4,
        text: TextSpan(
          children: str
              .split(" ")
              .map((word) => TextSpan(
                  text: word + " ",
                  style: findLen(word) != word.length ? styleOne : styleTwo))
              .toList(),
        ),
      ),
    );
  }
}

Рабочая демонстрация: Codepen

не могли бы вы показать, как отредактировать это, чтобы выделить две буквы R вместе с цифрами и специальными символами?

Arnav 26.12.2020 09:42

Напишите вопрос, будем разбираться. Это будет не так сложно, немного магии регулярных выражений поможет.

Ketan Ramteke 26.12.2020 09:48

Привет, я открыл вопрос, не могли бы вы взглянуть на него, спасибо! stackoverflow.com/questions/65454893/…

Arnav 26.12.2020 10:03

Рад, что это помогло. Добро пожаловать и счастливого кодирования.

Ketan Ramteke 26.12.2020 10:20

Другие вопросы по теме