[Flutter] ClipRRect

Bumhyeon Baek·2023년 5월 9일
0

Flutter

목록 보기
9/14

ClipRRect

둥근 사각형을 사용하여 자식을 자르는 위젯. 다시 말해, 모서리가 둥근 사각형을 만드는 위젯

child: Column(
  mainAxisAlignment: MainAxisAlignment.spaceEvenly,
  children: <Widget>[
    Container(
      alignment: Alignment.center,
      constraints: const BoxConstraints(
        maxWidth: 300,
        maxHeight: 100,
      ),
      color: Colors.blue,
      child: const Text('No ClipRRect', style: style),
    ),
    ClipRRect(
      borderRadius: BorderRadius.circular(30.0),
      child: Container(
        alignment: Alignment.center,
        constraints: const BoxConstraints(
          maxWidth: 300,
          maxHeight: 100,
        ),
        color: Colors.green,
        child: const Text('ClipRRect', style: style),
      ),
    ),
    ClipRRect(
      borderRadius: const BorderRadius.only(
        topLeft: Radius.circular(10.0),
        topRight: Radius.circular(20.0),
        bottomRight: Radius.circular(30.0),
        bottomLeft: Radius.circular(40.0),
      ),
      child: Container(
        alignment: Alignment.center,
        constraints: const BoxConstraints(
          maxWidth: 300,
          maxHeight: 100,
        ),
        color: Colors.purple,
        child: const Text('ClipRRect', style: style),
      ),
    ),
  ],
),
profile
Cool Leader

0개의 댓글