создать собственную тень в флаттере

Question

Я создаю контейнер с указанным c видом внутренней тени. но я не имею ни малейшего представления о том, как его построить.

, как вы можете видеть, в левом верхнем углу светлая черная тень и в правом нижнем углу белая тень

любая помощь приветствуется.

Answer 1

добавьте BoxDecoration в Container, а в BoxDecoration вы можете использовать несколько BoxShadow примеров:

BoxDecoration(
  color: //whatever color you want
  boxShadow:[
    BoxShadow(
      color: //shadow color
      offset: //shadow offset
      spreadRadius: //shadow spread radius. 
      //Use negative value above for the inner shadow effect
      blurRadius: //shadow blur radius
    ),
    BoxShadow(
    //same attributes but change them as you wish
    ),
  ]
)

проверить документы по флаттеру: https://api.flutter.dev/flutter/painting/BoxShadow/BoxShadow.html

Вот пример кода:

Container(
  height: 100,
  width: 100,
  decoration: BoxDecoration(
  borderRadius: BorderRadius.circular(10),
  boxShadow: [
    BoxShadow(
      color: Colors.black12,
    ),
    BoxShadow(
      color: Colors.white,
      spreadRadius: -0.1,
      blurRadius: 2,
      offset: Offset(3, 3),
    ),
  ]),
),

Вот результат: