Я пытаюсь выделить любые числа и специальные символы, такие как «%», из строки, которая динамически поступает из 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)),
],
),
),
Преобразуйте строку в список, используя метод .split()
.
Назначать
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 вместе с цифрами и специальными символами?
Напишите вопрос, будем разбираться. Это будет не так сложно, немного магии регулярных выражений поможет.
Привет, я открыл вопрос, не могли бы вы взглянуть на него, спасибо! stackoverflow.com/questions/65454893/…
Рад, что это помогло. Добро пожаловать и счастливого кодирования.
Вы пытались использовать Regex для этого случая?