seong

Flutter - velocity_x 패키지 본문

Flutter

Flutter - velocity_x 패키지

hyeonseong 2024. 3. 18. 10:01

Flutter의 라이브러리 중 코딩을 편하게 해주는 라이브러리가 있다.
velocity_x 라는 라이브러리 이다.

https://pub.dev/packages/velocity_x

 

velocity_x | Flutter package

A minimalist Flutter framework for rapidly building custom designs.

pub.dev

 

Container

Velocity

Container().box.color(Colors.red).size(20, 20).make(),

기존 Container

Container(
	width: 20,
    height: 20,
    color: Colors.red,
)

Padding

Velocity

Container(
      width: 20,
      height: 20,
      color: Colors.red,
).pSymmetric(h: 20,v: 20)

기존

            Padding(
              padding: const EdgeInsets.symmetric(horizontal: 20,vertical: 20),
              child: Container(
                width: 20,
                height: 20,
                color: Colors.red,
              ),
            )

Text

Velocity

"Velocity_x textWidget"
    .text
    .color(Colors.blue)
    .bold
    .size(20)
    .make(),

기존

Text(
  "Velocity_x textWidget",
  style: TextStyle(
    color: Colors.blue,
    fontWeight: FontWeight.bold,
    fontSize: 20,
  ),
)

간단하게 사용해보았지만, Padding이나, Radius등 간단한 속성은 괜찮았지만 그 외는 Velocity보단 기존 방식이 좀 더 보기 편한 것 같다.