Flutter Şeffaf Konteyner ve BoxShadow

Question

Ben buna takılı kaldım. Flutter öğrenmeye çalışıyorum. Özel projemi yaparken bu duvara çarptım. Bunun AppBar ile çözülebileceğini biliyorum, belki. Özel gölgeyi nasıl çizeceğimi veya en azından BoxShadow'u nasıl değiştireceğimi öğrenmek istiyorum.

Satırıma konteyner ile sarılmış bir kutu gölgesi eklemeye çalıştığımda şu sonucu alıyorum;

gölge

Kod şuna benzer;

class HeaderContents extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      decoration: BoxDecoration(
          color: Theme.of(context).primaryColor,
          boxShadow: [BoxShadow(offset: Offset(0, 2), blurRadius: 5)]),
      height: MediaQuery.of(context).size.height * 0.1,
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: [

Tahmin edebileceğiniz gibi ben sadece dibe yükseklik sonucunu almaya çalışıyorum. Herkese teşekkürler.

Answer 1

Ekleyin SpreaRadiusve OffsetY. İstenilen ihtiyacı elde etmek için tüm değeri değiştirin.

      BoxDecoration(
          color: Colors.white,
          boxShadow: [
            BoxShadow(
              color: Colors.blue.withOpacity(0.1),
              spreadRadius: 5,
              blurRadius: 20,
              offset: Offset(
                  0, 10), // changes position of shadow
            ),
          ],
        ),

Answer 2

Görünüşe göre renk atamadaki gecikmeliğim. Ana dosyada, koyu / açık mod işlevselliğini test etmek için hem koyu hem de parlak renkler atadım.

Bunu değiştirmek, renk: Theme.of (bağlam) .primaryColor

buna renk: Theme.of (bağlam) .primaryColorDark

sorunu çözdü.