double.infinity

Flutter에서 double.infinity는 무한대를 나타내는 값을 의미합니다. 이는 주로 위젯이 가능한 최대 공간을 차지하도록 할 때 사용됩니다. 예를 들어, 어떤 위젯의 너비나 높이를 double.infinity로 설정하면, 해당 위젯은 부모 위젯이 허용하는 한 최대의 너비나 높이를 가지게 됩니다.

double.infinity 사용 예시

1. Container 너비 또는 높이 최대화
   • Container 위젯에 double.infinity를 설정하여, 해당 컨테이너가 부모 위젯의 전체 너비나 높이를 차지하도록 할 수 있습니다.

Container(
  width: double.infinity, // 너비를 부모의 최대 너비로 설정
  height: 200, // 고정 높이
  color: Colors.blue,
)

2. SizedBox 확장
   • SizedBox를 사용하여 특정 공간을 무한대로 확장할 수 있습니다.

SizedBox(
  width: double.infinity,
  child: ElevatedButton(
    onPressed: () {},
    child: Text("Click Me"),
  ),
)

3. Expanded와 함께 사용
   • Expanded 위젯 내부에서 double.infinity를 사용하여, Expanded가 차지하는 공간 내에서 위젯이 가능한 최대 공간을 차지하도록 할 수 있습니다.

Row(
  children: <Widget>[
    Expanded(
      child: Container(
        height: double.infinity, // Row의 높이에 맞게 조정
        color: Colors.red,
      ),
    ),
    Container(
      width: 50,
      height: 50,
      color: Colors.green,
    ),
  ],
)

주의사항

• double.infinity는 특정 상황에서만 사용해야 합니다. 무한대 값을 가지는 속성을 잘못 사용하면 레이아웃 오류가 발생할 수 있습니다. 예를 들어, ListView 같은 스크롤 가능한 컨텍스트에서 double.infinity를 사용하면, 스크롤 뷰가 끝없이 확장되려고 하므로 오류가 발생할 수 있습니다.
• double.infinity를 사용할 때는 부모 위젯의 크기 제약을 항상 고려해야 합니다. 만약 부모 위젯이 특정한 크기 제약을 가지고 있지 않다면, double.infinity를 사용하는 것이 부적절할 수 있습니다.

double.infinity는 Flutter에서 매우 유용하게 사용될 수 있는 값이지만, 사용 시 주의해야 할 필요가 있습니다. 위젯의 크기를 조절할 때 레이아웃의 전체적인 구조와 부모 위젯의 크기 제약을 잘 이해하고 사용해야 합니다.