[j Flutter] 이미지 흐리게 하기 (blur처리)

 

flutter에서 이미지를 블러 처리(흐리게) 하는 법

 

 Container(
                    height: 500,
                    width: double.maxFinite,
                    decoration: BoxDecoration(
                        image: DecorationImage(
                            image: NetworkImage('이미지 주소'),
                            fit: BoxFit.cover)),
                    child:BackdropFilter(
                        filter: ImageFilter.blur(sigmaX: 15, sigmaY: 15),
                        child: Container(
                        color: Colors.black.withOpacity(0.1)
                        ),
                      )
                  )

 

- ImageFilter.blur(sigmaX: 15, sigmaY: 15)값을 조절해준다. 

 

- withOpacity는 투명도이다. 투명도에 관한 설명은 포스팅을 참고하면 된다.

 

2020/09/15 - [Flutter] - [j Flutter] 이미지 투명도 조절

[j Flutter] 이미지 투명도 조절