[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',
),
),
);
},
)
위 예제에서 TextStyle의 fontFamily 속성을 사용하여 폰트 패밀리를 설정했습니다. 여기서 ‘NotoSansCJKKR’은 사용하려는 폰트 패밀리의 이름입니다.
2. 폰트 추가
프로젝트에 사용하려는 폰트 패밀리가 포함되어 있지 않다면, pubspec.yaml 파일에 해당 폰트를 추가해야 합니다.
flutter:
fonts:
- family: NotoSansCJKKR
fonts:
- asset: fonts/NotoSansCJKKR-Regular.otf
weight: 400
위 예제에서 fonts 섹션에 폰트 파일과 해당하는 폰트 패밀리를 정의했습니다.
이렇게 ListView에서 각 아이템의 폰트 패밀리를 설정하고, 필요한 폰트를 추가할 수 있습니다. 이를 통해 각 아이템에 원하는 폰트를 쉽게 적용할 수 있습니다.
더 자세한 내용은 공식 문서를 참고하세요.