Flutter Transparent Container dan BoxShadow

Question

Saya terjebak dalam hal ini. Saya mencoba mempelajari Flutter. Ketika saya melakukan proyek kustom saya, saya menabrak dinding ini. Saya tahu ini bisa diselesaikan dengan AppBar, mungkin. Saya ingin belajar cara menggambar bayangan khusus atau setidaknya mengubah BoxShadow.

Ketika saya mencoba menambahkan bayangan kotak ke baris saya yang dibungkus dengan wadah saya mendapatkan hasil ini;

bayangan

Kode terlihat seperti ini;

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: [

Seperti yang bisa Anda tebak, saya hanya mencoba mendapatkan hasil elevasi ke bawah. Terimakasih semuanya.

Answer 1

Tambahkan SpreaRadiusdan tingkatkan OffsetY. Ubah semua nilai untuk mendapatkan kebutuhan yang diinginkan.

      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

Sepertinya itu hanya keterbelakangan saya dalam menetapkan warna. Pada file utama saya menetapkan warna gelap dan cerah untuk menguji fungsionalitas mode gelap / terang.

Mengubah ini, color: Theme.of (context) .primaryColor

untuk ini, color: Theme.of (context) .primaryColorDark

memperbaiki masalah.