본문 바로가기
반응형

ICON4

플러터에서 사용할 수 있는 5가지 추천 아이콘 패키지 1. Feather Icons아이콘 개수: 287개특징: 각 아이콘은 둥근 모서리를 가짐플러터 패키지: flutter_feather_icons사이트: Feather IconsFeather Icons는 간결하고 일관된 디자인을 제공하며, Flutter에서 flutter_feather_icons 패키지를 통해 사용할 수 있습니다.2. Unicons아이콘 개수: 4500개 이상플러터 패키지: unicons사이트: UniconsUnicons는 다양한 스타일의 4500개 이상의 무료 벡터 아이콘을 제공하며, unicons 패키지를 통해 Flutter 애플리케이션에 통합할 수 있습니다.3. Carbon Icons아이콘 개수: 2212개디자인: IBM의 오픈소스 디자인 시스템, Material Icon 스타일플러터 .. 2024. 7. 30.
플러터 Icon 위젯 사용법 및 옵션 완벽 가이드 플러터에서 아이콘을 표시하는 데 가장 기본적인 위젯은 바로 Icon 위젯입니다.Material Design에서 제공하는 다양한 기본 아이콘들을 사용하거나, SVG 파일을 사용하여 사용자 정의 아이콘을 만들 수 있습니다.이 블로그 글에서는 Icon 위젯의 사용법과 주요 옵션들을 자세히 살펴보고, 실제 코드 예시와 함께 다양한 아이콘 표현을 구현해 보겠습니다. 1. 기본 사용법 Icon 위젯은 표시할 아이콘을 Icons 클래스의 상수로 전달합니다. 기본적으로 검은색 아이콘이 표시됩니다.Icon(Icons.home), 2. 주요 옵션 Icon 위젯에는 다양한 옵션들이 존재하여 아이콘의 크기, 색상, 패딩 등을 조정할 수 있습니다. 주요 옵션들과 예시 코드는 다음과 같습니다.size: 아이콘 크기를 설정합니다... 2024. 7. 24.
플러터 기본 위젯만 알면 UI를 그릴 수 있다! - 텍스트, 아이콘, 컨테이너, 이미지 위젯 활용법 완벽 가이드 플러터는 다양한 기능을 가진 강력한 UI 툴킷이지만, 초보자에게는 다소 복잡하게 느껴질 수 있습니다.하지만 걱정하지 마세요!플러터에는 텍스트, 아이콘, 컨테이너, 이미지와 같은 기본 위젯만으로도 다양한 UI를 구현할 수 있습니다.이 블로그 글에서는 플러터 기본 위젯 4가지에 대해 자세히 살펴보고, 실제 코드 예시와 함께 간단한 UI를 만들어 보겠습니다. 1. 텍스트 위젯 (Text) 텍스트 위젯은 화면에 텍스트를 표시하는 데 사용됩니다. 다양한 속성을 사용하여 폰트 스타일, 크기, 색상, 정렬 등을 설정할 수 있습니다. Text( 'Hello, Flutter!', style: TextStyle( fontSize: 20.0, fontWeight: FontWeight.bold, color.. 2024. 7. 22.
플러터에서 아이콘 위젯 사용 방법 및 옵션 완벽 가이드 플러터에서 아이콘 위젯은 간단하지만 강력한 도구로, 사용자 인터페이스에 아이콘을 추가하고 기능을 연결하는 데 사용됩니다. 이 블로그 게시물에서는 Flutter에서 아이콘 위젯을 사용하는 방법과 다양한 옵션에 대해 자세히 살펴보겠습니다.1. 아이콘 위젯 소개Icon 위젯은 다양한 종류의 아이콘을 표시하는 데 사용됩니다. Material Design 아이콘, FontAwesome 아이콘, 커스텀 아이콘 등을 포함하여 다양한 아이콘 세트를 사용할 수 있습니다. 기본 사용법Icon( Icons.add, // 아이콘 종류 지정 (예: Icons.add, Icons.home) size: 24.0, // 아이콘 크기 설정 color: Colors.blue, // 아이콘 색상 설정) 옵션icon: 표시할 아이콘을.. 2024. 7. 13.
반응형

티스토리툴바