[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에서 각 아이템의 폰트 패밀리를 설정하고, 필요한 폰트를 추가할 수 있습니다. 이를 통해 각 아이템에 원하는 폰트를 쉽게 적용할 수 있습니다.
더 자세한 내용은 공식 문서를 참고하세요.