กระพือภาชนะใสและ BoxShadow

Question

ฉันติดอยู่กับเรื่องนี้ ฉันกำลังพยายามเรียนรู้ Flutter ในขณะที่ฉันกำลังทำโครงการที่กำหนดเองของฉันฉันได้ชนกำแพงนี้ ฉันรู้ว่าสิ่งนี้สามารถแก้ไขได้ด้วย AppBar อาจจะ ฉันต้องการเรียนรู้วิธีวาดเงาแบบกำหนดเองหรืออย่างน้อยก็แก้ไข BoxShadow

เมื่อฉันพยายามเพิ่มเงากล่องในแถวของฉันซึ่งห่อด้วยคอนเทนเนอร์ฉันได้ผลลัพธ์นี้

เงา

รหัสมีลักษณะดังนี้

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

อย่างที่คุณเดาได้ว่าฉันแค่พยายามดึงผลลัพธ์ระดับความสูงไปที่ด้านล่าง ขอบคุณทุกคน

Answer 1

เพิ่มSpreaRadiusและเพิ่มOffsetY. เปลี่ยนค่าทั้งหมดเพื่อให้ได้ความต้องการที่ต้องการ

      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

ดูเหมือนว่าจะเป็นเพียงความล่าช้าของฉันในการกำหนดสี ในไฟล์หลักฉันกำหนดทั้งสีเข้มและสีสว่างสำหรับการทดสอบการทำงานของโหมดมืด / สว่าง

การเปลี่ยนสีนี้: Theme.of (บริบท) .primaryColor

สำหรับสิ่งนี้สี: Theme.of (บริบท) .primaryColorDark

แก้ไขปัญหา