플러터

Flutter/기본

[Flutter] TextSpan 터치이벤트 설정

TextSpan의 recognizer 속성을 사용하면 TextSpan에 터치이벤트를 부여할 수 있습니다. -onTap- TextSpan( ... recognizer: TapGestureRecognizer()..onTap = () { }, ), -onDoubleTap- TextSpan( ... recognizer: DoubleTapGestureRecognizer()..onDoubleTap = () { }, ), -onLongPress- TextSpan( ... recognizer: LongPressGestureRecognizer()..onLongPress = () { }, ),

Flutter/Dart

[Dart] Ceil - 올림처리

소수점 이하 자리가 있으면 올림처리하는 메서드입니다. void main() { double a = 10; double b = 10.0001; double c = 10.9; print(a.ceil()); //출력 10 print(b.ceil()); //출력 11 print(c.ceil()); //출력 11 } ceil() 은 올림처리후 int Type으로 반환해줍니다. ceilToDouble() 은 올림처리후 double Type으로 반환해줍니다.

Flutter/기본

[Flutter] DateTime 비교하기

1. isAfter, isBefore void main() { final String date1 = "2023-07-24 17:04:32.897"; final String date2 = "2023-07-27 17:04:32.897"; final bool a = DateTime.parse(date2).isAfter(DateTime.parse(date1)); final bool b = DateTime.parse(date1).isAfter(DateTime.parse(date2)); print("date2가 data1보다 후의 날짜인가요? ${a}"); print("data1이 data2보다 후의 날짜인가요? ${b}"); final bool c = DateTime.parse(date2).isBefore(Dat..

Flutter/기본

[Flutter] String to DateTime 문자열을 날짜로 변환

void main() { final a = "2023-07-12 16:32:13.848"; final b = DateTime.parse(a); print(b); print(b.runtimeType); } ///출력 2023-07-12 16:32:13.848 DateTime

Flutter/기본

[Flutter] 애니메이션 처리를 위한 lottie 패키지 설명서

1. Lottie란 무엇인가? https://lottiefiles.com/kr/what-is-lottie Lottie 애니메이션은 무엇일까요? - 로티파일즈 Lottie는 JSON 기반의 애니메이션 포맷으로, 어느 기기와 플랫폼에서든 사용할 수 있습니다. LottieFiles을 통해 Lottie 애니메이션을 생성하고 편집하고 테스트할 수 있으며, 다른 사람과 협업하고 전 lottiefiles.com 해당 사이트에서 Lottie에 대해 정말 자세히 알려줍니다!. 2. Lottie 패키지 사용 Flutter에서는 이러한 Lottie JSON을 컨트롤할 수 있는 패키지가 있습니다. LIKES수가 엄청납니다!. 바로 사용해 보도록 하겠습니다. 2.1 패키지 설치 https://pub.dev/packages/lo..

Flutter/기본

[Flutter] IconButton 간격 줄이기 feat.패딩,마진제거

해당 IconButton들의 간격을 줄여야 하는 일이 발생했다. 간격을 줄이기 위해서 해당 아이콘들의 패딩과 마진값을 보기로 하자. Inspector로 확인한 결과 IconButton이 기본적으로 가지고 있는 패딩/마진 값이 있다는 걸 확인하였다. 대부분의 해결방안으로 아래와 같은 코드를 알려주었다. return IconButton( ... padding: EdgeInsets.zero, constraints: BoxConstraints(), ); padding에 EdgeInsets.zero를 넣고 constraints에 BoxConstraints()를 넣고 확인해 보자. 확인한 결과 패딩값은 사라진 거 같으나 결론적으로 간격이 줄어들지 않았다. 해결책을 찾던 중에 아래와 같은 방법으로 해결할 수 있었다...

Flutter/기본

[Flutter] Unit Test - 단위 테스트

1. Unit Test? Unit Test(단위 테스트)는 소프트웨어 개발에서 사용되는 테스트 방법 중 하나입니다. UnitTest는 코드의 작은 단위인 모듈, 함수, 클래스 등 의 개별적인 단위를 격리하여 테스트하는 것을 의미합니다. 2. Unit Test 장점 코드의 신뢰성 향상 코드의 각 부분을 개별적으로 테스트하므로 오류를 발견하고 수정할 수 있습니다. 리팩토링 지원 코드를 수정하거나 개선할 때, Unit Test는 기존 기능을 올바르게 유지하면서 변경 사항을 검증할 수 있습니다. 문서화 테스트 케이스는 코드의 사용법과 예상 동작에 대한 문서 역할을 할 수 있습니다. 개발자 간의 협업 테스트 케이스는 동작을 명확하게 정의하므로, 여러 개발자들이 동일한 기준으로 작업할 수 있습니다. 3. Unit ..

Flutter/기본

[Flutter] 텍스트 폰트 설정하기 (Pretendard폰트)

안녕하세요. 오늘은 Flutter에서 텍스트 폰트를 설정하는 방법을 알아보겠습니다. 다양한 폰트가 존재하고 설정방법은 크게 다르지 않습니다. 이번에는 전 세계에서 가장 대중적으로 사용되는 Pretendard폰트를 적용해 보겠습니다. 1. 폰트 다운로드 https://cactus.tistory.com/306 Pretendard Pretendard 프리텐다드 Pretendard 프리텐다드 글꼴 다운로드 일본어 버전 다운로드 GitHub에서 보기 system-ui를 대체하는 글꼴 Apple의 system-ui가 익숙한 나로서는 San Francisco와 Apple SD 산돌고딕 Neo가 없는 cactus.tistory.com 해당 사이트에서 Pretendard폰트를 다운로드하여 줍니다. Pretendard폰트..

주톨
'플러터' 태그의 글 목록