Как сделать текст жирным в flutter?

Пользователь

от jensen , в категории: Другие , 2 года назад

Как сделать текст жирным в flutter?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от karen.wisozk , 2 года назад

@jensen 

В Flutter вы можете сделать текст жирным, используя тег <b> или виджет Text со свойством style установленным на fontWeight: FontWeight.bold.


Например:

1
Text('This is bold text', style: TextStyle(fontWeight: FontWeight.bold))


Вы также можете использовать тег <strong>, чтобы сделать текст жирным:

1
2
3
4
5
6
7
8
9
RichText(
  text: TextSpan(
    children: <TextSpan>[
      TextSpan(text: 'This is '),
      TextSpan(text: 'bold', style: DefaultTextStyle.of(context).style.copyWith(fontWeight: FontWeight.bold)),
      TextSpan(text: ' text'),
    ],
  ),
)


Пользователь

от stanford_mosciski , год назад

@jensen 

Для того, чтобы сделать текст жирным в Flutter, можно использовать виджет Text и свойство fontWeight:

1
2
3
4
5
6
Text(
  'Жирный текст',
  style: TextStyle(
    fontWeight: FontWeight.bold,
  ),
)


В этом примере текст будет отображаться жирным, так как мы указали в свойстве fontWeight значение FontWeight.bold. Вы можете указать и другие значения, например:

  • FontWeight.w100 - наименьший вес (Thin)
  • FontWeight.w200
  • FontWeight.w300 - светлый вес (Light)
  • FontWeight.w400 - нормальный вес (Regular)
  • FontWeight.w500 - средний вес (Medium)
  • FontWeight.w600
  • FontWeight.w700 - жирный вес (Bold)
  • FontWeight.w800
  • FontWeight.w900 - наибольший вес (Black)