[flutter] Spacer를 이용하여 위젯의 테두리와 모서리를 스타일링하는 방법은?

21 Dec 2023

flutter

아래는 Container와 Spacer를 사용하여 테두리와 모서리를 스타일링하는 간단한 예제입니다.

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: Container(
            child: Text('Styled Container'),
            padding: EdgeInsets.all(20),
            decoration: BoxDecoration(
              border: Border.all(color: Colors.black, width: 2),
              borderRadius: BorderRadius.circular(10),
            ),
          ),
        ),
      ),
    );
  }
}

이 예제에서 Spacer는 사용되지 않았지만, 만약 여백을 더 추가해야 한다면, Spacer를 Container와 함께 Column 또는 Row 내에 사용하여 간격을 조절할 수 있습니다.

위와 같은 방식으로 Spacer를 활용하여 위젯의 테두리와 모서리를 스타일링할 수 있습니다.