Чернильница неправильно работает с контейнером с отделкой

Question

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

вот код:

Widget option({String option}) {
    return Padding(
      padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 10),
      child: InkWell(
        borderRadius: BorderRadius.circular(20),
        onTap: (){},

              child: Container(
            alignment: Alignment.centerLeft,
            decoration: BoxDecoration(borderRadius: BorderRadius.circular(20), color: Theme.of(context).disabledColor),
            child: Padding(
                padding: const EdgeInsets.all(18.0),
                child: Text(
                  option,
                  style: Theme.of(context).textTheme.display2,
                ),
            )),
      ),
    );
  }

Answer 1

Этот код отлично работает:

Widget option({String option}) {
    Color disabledColor = Theme.of(context).disabledColor;

    return Padding(
      padding: EdgeInsets.symmetric(vertical: 10, horizontal: 20),
      child: new Container(
        decoration: BoxDecoration(
          borderRadius: new BorderRadius.all(new Radius.circular(20.0)),
          color: disabledColor,
        ),
        child: Material(
          color: Colors.transparent,
          child: InkWell(
            borderRadius: BorderRadius.circular(20.0),
            splashColor: Theme.of(context).primaryColorDark,
            onTap: () {},
            child: Container(
              alignment: Alignment.centerLeft,
              padding: EdgeInsets.all(16.0),
              child: Text(option, style: Theme.of(context).textTheme.display2),
            ),
          ),
        ),
      ),
    );
  }