[flutter] 플러터 velocity_x에서 제공하는 주요 위젯과 컴포넌트

14 Dec 2023

flutter

플러터(Flutter)는 크로스플랫폼 앱 개발을 위한 Google의 프레임워크로, 다양한 유용한 위젯과 컴포넌트를 제공합니다. 그 중에서도 velocity_x 패키지는 간편한 UI 디자인과 애니메이션을 구현하기 위한 많은 도구들을 제공하여 개발자들에게 많은 도움을 주고 있습니다.

이번 포스트에서는 velocity_x에서 제공하는 주요 위젯과 컴포넌트에 대해 알아보겠습니다.

VelocityX

velocity_x는 플러터(Flutter)에서 편리하고 간편한 UI 디자인을 위한 패키지입니다. 이 패키지는 UI 및 애니메이션에 관한 여러 유틸리티 함수 및 클래스를 제공하여 개발자들이 보다 쉽게 깔끔하고 멋진 디자인을 구현할 수 있도록 도와줍니다.

주요 위젯

VxBox

VxBox 위젯은 간단한 컨테이너를 생성하기 위한 위젯으로, 색상, 그림자, 테두리 등을 관리하는 데 유용합니다.

VxBox(
  child: Text('VelocityX'),
).coolGray400.square(100).roundedLg.make();

VxListView

VxListView 위젯은 리스트를 표시하기 위한 위젯으로, 스크롤 가능한 목록을 만들 때 유용합니다.

VxListView(
  [
    'Item 1'.text.make(),
    'Item 2'.text.make(),
    'Item 3'.text.make(),
  ],
).scrollVertical().py12.make();

VxCard

VxCard 위젯은 카드 모양의 UI를 생성하기 위한 위젯입니다. 그림자 효과 및 라운드 처리를 포함한 멋진 카드 UI를 만들 때 사용됩니다.

VxCard(
  child: 'VelocityX'.text.white.make(),
).elevation(5).roundedLg.square(200).p16.make();

주요 컴포넌트

ElevatedButton

ElevatedButton은 높은 우선순위를 갖는 버튼을 생성하기 위한 컴포넌트입니다.

ElevatedButton(
  onPressed: () {},
  child: 'Submit'.text.make(),
);

SingleChildScrollView

SingleChildScrollView는 스크롤 가능한 영역을 생성하기 위한 컴포넌트로, 다양한 크기의 UI 요소를 제어할 때 사용됩니다.

SingleChildScrollView(
  child: Column(
    children: [
      'Item 1'.text.make(),
      'Item 2'.text.make(),
      'Item 3'.text.make(),
    ],
  ),
);

결론

velocity_x에서 제공하는 위젯과 컴포넌트는 간편하게 멋진 UI를 구현할 수 있도록 도와줍니다. UI 디자인 및 애니메이션을 쉽게 다룰 수 있는 velocity_x를 사용하여 앱의 사용자 경험을 향상시킬 수 있습니다.

이상으로 velocity_x의 주요 위젯과 컴포넌트에 대해 알아보았습니다. 감사합니다!

참고 자료

목차