Упомянутый вами виджет «flutter – boxshadow» на самом деле называется BoxShadowво Flutter. Он используется для создания эффекта тени для виджета. Вот несколько методов, которые можно использовать с примерами кода:
-
Создание базового
BoxShadow:Container( decoration: BoxDecoration( boxShadow: [ BoxShadow( color: Colors.black, offset: Offset(2, 2), blurRadius: 4, spreadRadius: 1, ), ], ), // Widget content here ) -
Применение нескольких слоев
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 ) -
Использование пользовательской фигуры с
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 ) -
Совместное применение градиента и
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. Вы можете настроить цвет, смещение, радиус размытия и радиус распространения в соответствии со своими потребностями.