[Flutter]Adobe XD package 사용하기

오늘은 테스트로 Adobe XD 로 화면을 생성해서 flutter로 넣어보았습니다. 
물론 변경해야할 부분은 dart 파일명은 변경을 해줘야했지만 디자인파일을 그대로 포팅하는 것은 성공을 했습니다. 

패키지 주입

https://pub.dev/packages/adobe_xd

adobe_xd | Flutter Package

AdobeXD 에서 Flutter plugin 을 사용해서 생성된 것은 위의 패키지를 인스톨을 해줘야 합니다. 

flutter 에서는 pin, pinned라는 속성이 없습니다. 
이를 사용하기 위해서는 위의 package를 인스톨을 해주니 정상적으로 사용이 됩니다. 

 Pinned.fromPins(
            Pin(size: 250.0, middle: 0.5),
            Pin(size: 12.0, end: 38.0),
            child: const Text(
              'Copyright 2022 ⓒ test all right reserved',
              textAlign: TextAlign.center,
              style: TextStyle(
                fontFamily: 'NanumSquare',
                fontSize: 11,
                color: Color(0xfffffafa),
                fontWeight: FontWeight.w800,
              ),
              softWrap: false,
            ),
          ),

반응형