Виджет Flutter BoxShadow: создание теней для виджетов с примерами кода

Упомянутый вами виджет «flutter – boxshadow» на самом деле называется BoxShadowво Flutter. Он используется для создания эффекта тени для виджета. Вот несколько методов, которые можно использовать с примерами кода:

  1. Создание базового BoxShadow:

    Container(
    decoration: BoxDecoration(
    boxShadow: [
      BoxShadow(
        color: Colors.black,
        offset: Offset(2, 2),
        blurRadius: 4,
        spreadRadius: 1,
      ),
    ],
    ),
    // Widget content here
    )
  2. Применение нескольких слоев BoxShadow:

    Container(
    decoration: BoxDecoration(
    boxShadow: [
      BoxShadow(
        color: Colors.black,
        offset: Offset(2, 2),
        blurRadius: 4,
        spreadRadius: 1,
      ),
      BoxShadow(
        color: Colors.red,
        offset: Offset(-2, -2),
        blurRadius: 4,
        spreadRadius: 1,
      ),
    ],
    ),
    // Widget content here
    )
  3. Использование пользовательской фигуры с BoxShape.circle:

    Container(
    width: 100,
    height: 100,
    decoration: BoxDecoration(
    shape: BoxShape.circle,
    boxShadow: [
      BoxShadow(
        color: Colors.black,
        offset: Offset(2, 2),
        blurRadius: 4,
        spreadRadius: 1,
      ),
    ],
    ),
    // Widget content here
    )
  4. Совместное применение градиента и BoxShadow:

    Container(
    decoration: BoxDecoration(
    gradient: LinearGradient(
      colors: [Colors.red, Colors.blue],
    ),
    boxShadow: [
      BoxShadow(
        color: Colors.black,
        offset: Offset(2, 2),
        blurRadius: 4,
        spreadRadius: 1,
      ),
    ],
    ),
    // Widget content here
    )

Это всего лишь несколько примеров использования виджета BoxShadowво Flutter. Вы можете настроить цвет, смещение, радиус размытия и радиус распространения в соответствии со своими потребностями.