Измените фон виджета ListTile на прозрачный, чтобы он гармонировал с цветом фоновой страницы.

Question

Мне пришлось создать тумблер с текстом рядом с ним. Я подумал, что лучше сделать это с помощью виджета ListTile , который использует title для отображения текста рядом с тумблером и , ведущий для отображения переключателя передтекст. Проблема в том, что при изменении фона страницы фон ListTile становится белым.

Я могу поместить виджет в виде списка в контейнер и изменить цвет контейнера, чтобы изменить цвет списка, но я не хочу этого делать, потому что фон меняется динамически, а я не хочуменяйте цвет контейнера каждый раз. Можно ли как-нибудь сделать лист прозрачным, чтобы он автоматически получал цвет фона?

Как только на изображении появляется фон, желтый, а лист - белый, и я хочу, чтобы он был желтым. Как это выглядит в настоящее время . Код, который у меня есть:

Scaffold(
 backgroundColor: Colors.yellow,
        child: ListTile(
          leading:  ToggleSwitch
          title: Text("Account"),
        ),
      )

I не может сделать следующее, потому что я могу установить фон леса, но я не могу установить цвет контейнеравручную:

Scaffold(
 backgroundColor: Colors.yellow,
        child: Container(
color : Colors.yellow 
ListTile(
          leading:  ToggleSwitch
          title: Text("Account"),
        ),
      ),
)

Есть ли способ, которым я могу достичь этого или я должен реализовать без использования виджета ListTile ?

Answer 1

Вы должны создать собственный ListTile, начиная с документации Конструкторы ListTile не принимают цвет

 ListTile({Key key, Widget leading, Widget title, Widget subtitle, Widget trailing, bool isThreeLine: false, bool dense, EdgeInsetsGeometry contentPadding, bool enabled: true, GestureTapCallback onTap, GestureLongPressCallback onLongPress, bool selected: false }) 

со страницы документации есть пример того, как создать собственный ListTile