풀터 세트 둥근 모서리 배경 이미지 및 컨테이너 세트 테두리, 둥근 모서리, 그림자

풀터 세트 둥근 모서리 배경 이미지 및 컨테이너 세트 테두리, 둥근 모서리, 그림자

---

Flutter에서 배경 이미지를 구현하는 방법은 무엇입니까? 모서리가 둥근 배경 이미지를 얻는 방법은 무엇입니까?

풀터 세트 둥근 모서리 배경 이미지

컨테이너 장식을 사용하면 쉬운 구성 요소 배경 이미지의 둥근 모서리 크기를 쉽게 설정할 수 있습니다.

Container(
          decoration: ShapeDecoration(
            image: new DecorationImage(
              //设置背景图片
              image: AssetImage("assets/images/task_icon.jpg"),
              fit: BoxFit.cover,
            ),
            //设置圆角
            shape:RoundedRectangleBorder(borderRadius: BorderRadiusDirectional.circular(20)),
          ),
          //设置边距
          margin: EdgeInsets.only(top: 16, left: 20, right: 20),
          child: new Card(
            color: Colors.transparent,
         ……
)

컨테이너를 사용하여 테두리, 둥근 모서리 및 그림자 설정

컨테이너 구성 요소의 테두리, 둥근 모서리 및 그림자를 설정하려면 어떻게해야합니까?

구현 코드 :

Container(
          decoration: BoxDecoration(
            //设置边框
            border: new Border.all(color: Color(0xFFFF0000), width: 0.5),
            //背景颜色
            color: Colors.white, 
            //设置圆角
            borderRadius: new BorderRadius.circular((5.0)), 
            //设置阴影
            boxShadow: [BoxShadow(color: Colors.lightGreen, offset: Offset(1.0, 1.0), blurRadius: 1.0, spreadRadius: 1.0), ],
          ),
)

---

** PS : 더 흥미로운 내용의 확인하십시오 -> "떨림 개발"
** PS : 더 흥미로운 내용을 확인하시기 바랍니다 -> "떨림 개발"
** PS : 더 흥미로운 내용의 확인하시기 바랍니다 -> "Flutter 개발"