Жовті лінії під текстовими віджетами у Flutter?

Працюю над моїм першим флетер-додатком. На головному екрані програми немає цієї проблеми, усі тексти відображаються як слід.

Однак у цьому новому екрані, який я розробляю, усі текстові віджети мають деяку дивну жовту лінію / подвійну лінію.

Будь-які ідеї, чому це відбувається?

Проблема полягає в тому, що немає Scaffoldчи ні. Scaffoldє помічником для Materialдодатків ( AppBar, Drawer, такого роду речі). Але ви не змушені користуватися Material.

Те, що вам не вистачає, це екземпляр Themeбатьків.

Чому це важливо знати? Тому що коли ви розробляєте Модал ( showDialogнаприклад, наприклад), ви зіткнетеся з тією ж проблемою. АЛЕ Ліси - це непрозорий віджет на повноекранному екрані! І ти, очевидно, цього не хочеш у своєму Модалі.

Існує багато способів ввести екземпляр теми. У додатку Матеріал це зазвичай досягається за допомогою інстанції Materialвіджета. І вгадайте, що? Scaffoldстворює один для вас. Але Dialogтеж!

Додати Materialвіджет як елемент кореня.

@override
  Widget build(BuildContext context) {
    return Material(
        type: MaterialType.transparency,
        child: new Container(

Ви можете використовувати Scaffold(як правило, краще) або будь-який інший компонент, який надає матеріальну тему, як простий Materialвіджет.

Ось приклад, використовуйте будь-який із них:

var text = Scaffold(body: Text("Hi"),);
var text2 = Material(child: Text("Hi"),);

Як вирішення можна використовувати:

Text(
  'Your text',
  style: TextStyle(decoration: TextDecoration.none), // removes yellow line
)

У текстовому стилі є аргумент декорування, який можна встановити жодним

Text("My Text",
  style: TextStyle(
    decoration: TextDecoration.none,
  )
);

Крім того, як уже згадували інші, якщо ваш віджет Text знаходиться у дереві віджету або віджету Material, вам не знадобиться стиль тексту прикраси.

Також ви можете використовувати оформлення: TextDecoration.none, щоб видалити підкреслення

Просто додаю ще один спосіб, з яким я стикаюся до цих відповідей.

Оберніть кореневий віджет навколо віджета DefaultTextStyle . Зміна кожного текстового віджета тут не є необхідністю.

DefaultTextStyle(
    style: TextStyle(decoration: TextDecoration.none), 
    child : Your_RootWidget
)

Сподіваюся, це комусь допоможе.

Ви повинні додати віджети Матеріал та ліси в файл main.dart

 MaterialApp(
  home: Scaffold(
    body: Text('Hello world'),
  ),
);

Для цього є інше рішення, особливо якщо ви використовуєте кілька сторінок, загорнутих у файл main.dart. Ви можете зробити щось подібне:

  child: MaterialApp(
    home: Material(child: Wrapper()),
  ),

Це видалить жовті рядки під текстом, які є на будь-яких сторінках, на які посилаються / використовуються під обгорткою.

Вам просто потрібно додати віджет Material root.

      @override
       Widget build(BuildContext context) {
      return Material(
         child: new Container(),
        );
       }

Є два способи:

використовувати scaffuld у батьківському екрані

Scaffold(body: Container(child:Text("My Text")))

використовувати матеріал для батьків віджета

Material(child: Text("My Text"))