[Flutter] Column's children must not contain any null values, but a null value was found at index 0

구현 하려는 정상적인 화면

# 에러

Column's children must not contain any null values, but a null value was found at index 0

 

 

 

#1. 모델 초기값을 공백처리하고 랜더링되는 위젯에서 에러 핸들링을 해보자

/* [이미지 모델] */
...

List<String> imageUrls = [''];

...



/* [ 이미지 랜더링 위젯 ] */
...
// imageUrl로 '' 공백 값이 들어올 경우 에러 위젯이 랜더링 된다
errorWidget: (context, url, error) {
          return Container(
            color: CustomColors.ErrorBackground,
            child: Center(
              child: SvgPicture.asset(
                'assets/svg/icons/alert/error_icon.svg',
                fit: BoxFit.none,
              ),
            ),
          );
        },
        
 ...

하지만 원하는 결과값은 아니였다.

 

응 이거 아니야 안봐줘 돌아가

#2. 존재하면? 이미지 위젯을 : 아니면 빈공간을 만들자 

if (!reviewModel.imageUrls.isBlank) {
    	return _imageItemWidget(reviewModel.imageUrls);
    } else {
    	return const SizedBox();
    }

 

 

 

새해에도 빡코딩