Сделать фон контейнера прозрачным?

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

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

 new Container(
                  margin: EdgeInsets.fromLTRB(50.0, 10.0, 50.0, 10.0),
                  width: _isTextFieldActive ? 150.0 : 80.0,
                  height: 40.0,
                  decoration: new BoxDecoration(
                      color: Color(0xFF98DAFC),
                      borderRadius: new BorderRadius.only(
                          topLeft: Radius.circular(0.0),
                          topRight: Radius.circular(32.0),
                          bottomLeft: Radius.circular(0.0),
                          bottomRight: Radius.circular(32.0))),
                  alignment: Alignment.bottomCenter,
                  child: new Row(
                    children: <Widget>[
                      new Container(
                          width: 40.0,
                          height: 40.0,
                          child: new Checkbox(value: true)),
                      new Container(
                              width: 40.0,
                              height: 40.0,
                              decoration: new BoxDecoration(
                                  color: Color(0xFFDEDEDE),
                                  borderRadius:
                                      new BorderRadius.circular(32.0)),
                              child: new IconButton(
                                icon: Icon(Icons.search),
                               );
                                  }
                                },
                              ))
                    ],
                  ),
                ),

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

если я удалю приведенный выше код, я получу экран, как показано ниже. введите описание изображения здесь


person konda rahul    schedule 14.08.2018    source источник
comment
Вы уверены, что этот фон нарисован Контейнером, код которого вы предоставили? Не могли бы вы дать еще контекст?   -  person johrpan    schedule 14.08.2018
comment
@EliasProjahn да, задний план нарисован контейнером, который я дал код. и после проверки я обновил вопрос.   -  person konda rahul    schedule 14.08.2018
comment
А контейнер куда поставить? Это внутри стека?   -  person johrpan    schedule 14.08.2018
comment
@EliasProjahn да, контейнер находится внутри стека.   -  person konda rahul    schedule 14.08.2018
comment
@EliasProjahn Я понял это с помощью flex. Спасибо за Вашу поддержку :)   -  person konda rahul    schedule 16.08.2018
comment
Я рад, что сейчас это работает, по крайней мере, после двух дней пробовать то и это ...   -  person johrpan    schedule 16.08.2018
comment
Не могли бы вы предоставить код? Как сделать цвет контейнера BG прозрачным?   -  person iPatel    schedule 10.01.2019


Ответы (1)


Я не уверен на 100%, правда ли это, потому что сейчас я не могу это проверить, но я думаю, что проблема может заключаться в свойстве поля. Если я вас правильно понял, вы хотите, чтобы Контейнер был внизу по центру с нижним отступом 10dp. Я бы сделал так:

Align(
  alignment: Alignment.bottomCenter,
  child: Padding(
    padding: const EdgeInsets.only(bottom: 10.0),
    child: Container(
      height: 40.0,
      decoration: BoxDecoration(
        color: Color(0xFF98DAFC),
        borderRadius: const BorderRadius.only(
          topLeft: Radius.circular(0.0),
          topRight: Radius.circular(32.0),
          bottomLeft: Radius.circular(0.0),
          bottomRight: Radius.circular(32.0),
        ),
      ),
      child: ...,
    ),
  ),
)
person johrpan    schedule 14.08.2018
comment
Я использовал приведенный выше код, но результат такой же, как 1-е изображение - person konda rahul; 14.08.2018
comment
Тогда извини :-( - person johrpan; 14.08.2018
comment
Вы можете попробовать обернуть свой Контейнер в другой контейнер с прозрачным фоном. - person johrpan; 14.08.2018
comment
Я пробовал с другим контейнером, обернув, но результат был таким же @EliasProjahn - person konda rahul; 16.08.2018