[flutter] ListView에서 아이템의 폰트 패밀리 설정하기

Flutter 앱을 개발하다 보면 ListView를 사용하여 여러 아이템을 표시해야 할 때가 있습니다. 이때 각 아이템의 폰트 패밀리를 설정해야 할 때가 있는데, 이를 쉽게 구현하는 방법에 대해 알아보겠습니다.

1. 폰트 패밀리 설정

ListView에서 각 아이템의 폰트 패밀리를 설정하려면 ListTile 내에서 Text 위젯을 사용하여 텍스트를 표시합니다. Text 위젯을 사용하여 폰트 패밀리를 설정할 수 있습니다.

ListView.builder(
  itemCount: items.length,
  itemBuilder: (context, index) {
    return ListTile(
      title: Text(
        '아이템 $index',
        style: TextStyle(
          fontFamily: 'NotoSansCJKKR',
        ),
      ),
    );
  },
)

위 예제에서 TextStylefontFamily 속성을 사용하여 폰트 패밀리를 설정했습니다. 여기서 ‘NotoSansCJKKR’은 사용하려는 폰트 패밀리의 이름입니다.

2. 폰트 추가

프로젝트에 사용하려는 폰트 패밀리가 포함되어 있지 않다면, pubspec.yaml 파일에 해당 폰트를 추가해야 합니다.

flutter:
  fonts:
    - family: NotoSansCJKKR
      fonts:
        - asset: fonts/NotoSansCJKKR-Regular.otf
          weight: 400

위 예제에서 fonts 섹션에 폰트 파일과 해당하는 폰트 패밀리를 정의했습니다.

이렇게 ListView에서 각 아이템의 폰트 패밀리를 설정하고, 필요한 폰트를 추가할 수 있습니다. 이를 통해 각 아이템에 원하는 폰트를 쉽게 적용할 수 있습니다.

더 자세한 내용은 공식 문서를 참고하세요.