본문 바로가기
728x90

분류 전체보기71

Flutter & Dart Color 응용 플러터의 컬러 사용법 플러터는 아래와 같은 방법으로 컬러를 정의 한다. Color colorblack = const Color.fromRGBO(0, 0, 0, 1); Color colorwhite = const Color.fromRGBO(255, 255, 255, 1); Color transparent = Colors.transparent; 아래의 방법으로 사용 한다. Container( height: 20, color: Colors.red, ), 이렇게 사용하면 일괄 적용이 필요하거나 화면별로 영어를 잘못 입력했을 경우 색상이 달라질 수가 있다. class AppColors { Color colorblack = const Color.fromRGBO(0, 0, 0, 1); Color colorwhite .. 2024. 1. 2.
Flutter & Dart TextStyle 응용 TextStyle 이란 ? Text 위젯에서 사용하는 스타일이다. Text( 'data', style: TextStyle(fontSize: 10, fontWeight: FontWeight.bold), ), 이러한 방식으로 사용 하는 것이 Text 위젯이다. 세부 속성으로는 이러한 것 들이 있다. fontSize: 글꼴 크기를 설정합니다. fontWeight: 문자의 두께를 설정합니다. 'FontWeight.bold'는 텍스트를 굵게 만드는 데 사용됩니다. color: 텍스트의 색상을 설정합니다. fontStyle: 일반 또는 기울임꼴과 같은 글꼴 스타일을 지정합니다. decoration : 줄 장식(이 경우 밑줄)을 추가합니다. decorationColor : 텍스트 장식의 색상을 설정합니다. decor.. 2024. 1. 2.
Flutter & Dart 플러터 List 정리 List 란? 리스트는 데이터를 순차적으로 담을 수 있는 인덱싱 가능한 자료구조이다. 배열을 대체할 수 있다. 서브클래스로 Fixed-length list와 Growable list가 있는데, 말 그대로 Fixed-length list는 길이가 고정된 list이고, Growable list는 아이템에 따라 길이가 조정된다. List 사용법 void main() { var list = []; list.add(1); list.add(2); list.add(3); list.add(4); list.clear(); print(list); } 보통 이와 같이 사용한다. 이렇게 사용할 수도 있긴 하지만 리스트에 1차원적으로 값만 넣기 때문에 나는 이 방식은 추천 안 한다. List 사용법 List category =.. 2024. 1. 2.
Flutter & Dart 플러터 Cached Network Image 사용하기:) 이미지 캐싱은 앱의 성능을 향상시키고 네트워크 사용을 최소화하는 중요한 기능입니다. cached_network_image 패키지는 플러터(Flutter)에서 이미지를 효율적으로 캐싱하여 로딩 속도를 높이는 데 도움을 줍니다. 이 블로그 포스트에서는 cached_network_image 패키지를 사용하여 이미지를 로딩하고 캐싱하는 방법을 자세히 설명하겠습니다. 1. 필요한 패키지 추가 먼저, 프로젝트의 pubspec.yaml 파일에 cached_network_image 패키지를 추가합니다: dependencies: flutter: sdk: flutter cached_network_image: ^latest_version 2. CachedNetworkImage 사용법 2.1. 패키지 가져오기: import .. 2023. 8. 18.
Flutter & Dart 플러터 이미지 선택 기능 구현하기: image_picker 사용 가이드 이미지 선택 기능은 많은 앱에서 필요한 기능 중 하나입니다. 플러터에서는 image_picker 패키지를 사용하여 간단하게 이미지를 선택하고 가져올 수 있습니다. 이 블로그 포스트에서는 image_picker 패키지를 활용하여 이미지 선택 기능을 구현하는 방법을 자세히 설명하겠습니다. 1. 필요한 패키지 추가 먼저, 프로젝트의 pubspec.yaml 파일에 image_picker 패키지를 추가합니다: dependencies: flutter: sdk: flutter image_picker: ^latest_version 2. 이미지 선택 기능 구현 2.1. 패키지 가져오기: import 'package:flutter/material.dart'; import 'package:image_picker/image_.. 2023. 8. 18.
Flutter & Dart GetX 상태 관리 라이브러리: 자세한 가이드 GetX는 플러터(Flutter) 앱의 상태 관리와 라우팅을 편리하게 처리할 수 있는 강력한 라이브러리입니다. 이 블로그 포스트에서는 GetX의 기능과 사용법에 대해 자세히 알아보겠습니다. 1. 필요한 패키지 추가 dependencies: flutter: sdk: flutter get: ^latest_version 2. GetX 기본 사용법 2.1. GetX 시작하기: import 'package:flutter/material.dart'; import 'package:get/get.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { r.. 2023. 8. 18.
728x90

티스토리툴바