Flutter에서 Row 위젯을 사용하여 여러 위젯을 가로로 배치할 수 있습니다. 그런데 때로는 Row 위젯 안에 있는 버튼의 크기를 지정해야 할 때가 있습니다. 이번 블로그 포스트에서는 Row 위젯에서 버튼의 크기를 설정하는 방법에 대해 알아보겠습니다.

버튼의 크기 설정하기

Flutter에서는 버튼의 크기를 설정하는 몇 가지 방법이 있습니다. 여기에서는 가장 간단하고 일반적인 방법을 사용하여 버튼의 크기를 설정하는 방법을 설명하겠습니다.

가장 일반적인 방법은 버튼을 감싸는 Container 나 SizedBox 위젯을 사용하여 크기를 지정하는 것입니다. 예를 들어, 아래 코드에서는 Row 위젯 안에 있는 두 개의 버튼의 크기를 Container 위젯을 사용하여 지정합니다.

Row(
  children: [
    Container(
      width: 100,
      height: 50,
      child: RaisedButton(
        onPressed: () {},
        child: Text('버튼 1'),
      ),
    ),
    Container(
      width: 150,
      height: 50,
      child: RaisedButton(
        onPressed: () {},
        child: Text('버튼 2'),
      ),
    ),
  ],
)

위의 예제에서는 첫 번째 버튼의 너비를 100으로, 높이를 50으로 설정하고, 두 번째 버튼의 너비를 150으로, 높이를 50으로 설정합니다.

그러나 이러한 방법은 버튼마다 따로 Container 나 SizedBox 위젯을 사용해야 하기 때문에 번거롭고 가독성이 좋지 않을 수 있습니다. 이럴 경우에는 Expanded 위젯을 사용하여 버튼의 크기를 동적으로 조정할 수 있습니다.

Row(
  children: [
    Expanded(
      child: RaisedButton(
        onPressed: () {},
        child: Text('버튼 1'),
      ),
    ),
    Expanded(
      child: RaisedButton(
        onPressed: () {},
        child: Text('버튼 2'),
      ),
    ),
  ],
)

위의 예제에서는 Expanded 위젯을 사용하여 버튼의 크기를 동적으로 조정합니다. 이렇게 하면 Row 위젯 안에서 버튼들이 가로로 균등하게 분할되어 표시됩니다.

결론

이번 블로그 포스트에서는 Flutter의 Row 위젯에서 버튼의 크기를 설정하는 방법에 대해 알아보았습니다. Container 나 SizedBox 위젯을 사용하여 버튼의 크기를 직접 지정하거나 Expanded 위젯을 사용하여 동적으로 크기를 조정할 수 있습니다. 이러한 방법을 사용하여 필요에 따라 Row 위젯 안에 있는 버튼의 크기를 설정할 수 있습니다.

더 자세한 내용은 Flutter 공식 문서를 참조하십시오.

• Flutter 공식 문서
• Flutter 버튼 위젯