Флаттер: ClipOval высота клипера

Question

Нижняя тень

Привет. Я новичок в трепетании и пытаюсь создать этот дизайн из Shakuro of dribble. У меня возникают проблемы при попытке создать высоту для машинки для стрижки, потому что весь прямоугольник получает тень, а не только машинку для стрижки.

Есть ли способ поместить возвышение или подобный эффект, как тень, под клипер?

Answer 1

Вы можете обернуть child внутри Container с Circle формой в BoxDecoration, например:

  new Container(
            height: 300.0,
            width: 300.0,
            child: Center(child: Text("Your child here")),
            decoration: BoxDecoration(
              shape: BoxShape.circle,
              color: Colors.white,
              boxShadow: [
                BoxShadow(
                    color: Colors.grey,
                    blurRadius: 5.0,
                    offset: Offset(5.0, 5.0),
                    spreadRadius: 5.0)
              ],
            ),
          )

Результат: