[flutter] Iconly 라이브러리의 아이콘들을 검색하여 선택하기

14 Dec 2023

flutter

Flutter 앱을 개발할 때, 아이콘은 사용자에게 직관적인 시각적 요소를 제공합니다. Iconly 라이브러리는 다양한 스타일과 크기의 아이콘들을 제공하여 앱의 디자인을 향상시킬 수 있습니다. 이 라이브러리에서 아이콘을 검색하고 선택하는 방법에 대해 알아보겠습니다.

1. 아이콘 검색

Iconly 라이브러리의 아이콘은 카테고리별로 구성되어 있습니다. 원하는 아이콘을 검색하려면 먼저 해당하는 카테고리를 선택합니다. 아래는 예시 코드입니다.

import 'package:iconly/iconly.dart';

void main() {
  Iconly.load(); // 아이콘 라이브러리 로드

  // 카테고리별로 아이콘 검색
  List<IconlyData> searchResult = Iconly.searchByCategory(IconlyCategory.Analytics);
  print(searchResult);
}

위 예시 코드에서 Iconly.searchByCategory를 사용하여 특정 카테고리에 속한 아이콘들을 검색할 수 있습니다.

2. 아이콘 선택

검색 결과에서 원하는 아이콘을 선택하려면 해당 아이콘의 이름을 사용하면 됩니다. 아래는 아이콘을 선택하는 예시 코드입니다.

import 'package:iconly/iconly.dart';

void main() {
  Iconly.load(); // 아이콘 라이브러리 로드

  // 카테고리별로 아이콘 검색
  List<IconlyData> searchResult = Iconly.searchByCategory(IconlyCategory.Analytics);
  
  // 원하는 아이콘 선택
  IconlyData selectedIcon = searchResult.firstWhere((icon) => icon.name == 'Chart', orElse: () => null);
  if (selectedIcon != null) {
    print(selectedIcon.codePoint); // 선택한 아이콘의 코드 포인트 출력
  }
}

위 예시 코드에서는 searchResult에서 원하는 아이콘을 선택하고 해당 아이콘의 코드 포인트를 얻어오는 방법을 보여줍니다.

Iconly 라이브러리를 사용하여 Flutter 앱에서 아이콘을 검색하고 선택하는 방법에 대해 살펴보았습니다. 이를 활용하여 앱의 디자인을 더욱 다채롭게 표현할 수 있습니다.

더 많은 정보는 Iconly 라이브러리 문서를 참고하시기 바랍니다.