이번에는 Flutter의 ListView 위젯을 사용할 때, 각 아이템의 폰트 스타일을 어떻게 설정하는지 알아보겠습니다.
ListView 위젯과 itemBuilder
ListView는 스크롤 가능한 목록을 만들기 위해 가장 많이 사용되는 위젯 중 하나입니다. ListView.builder를 사용하면 목록의 아이템을 동적으로 빌드할 수 있습니다. itemBuilder 콜백 함수를 사용하여 각 아이템을 정의할 수 있습니다.
아래는 ListView.builder를 사용하여 아이템을 생성하는 간단한 예제입니다.
ListView.builder(
itemCount: items.length,
itemBuilder: (context, index) {
return ListTile(
title: Text(items[index]),
);
},
)
아이템의 폰트 스타일 설정하기
ListView의 각 아이템의 폰트 스타일을 설정하려면, Text 위젯의 style 속성을 이용하면 됩니다.
예를 들어, 아이템의 폰트를 bold로 만들고 싶다면 다음과 같이 style 속성을 설정할 수 있습니다.
ListView.builder(
itemCount: items.length,
itemBuilder: (context, index) {
return ListTile(
title: Text(
items[index],
style: TextStyle(fontWeight: FontWeight.bold),
),
);
},
)
위와 같이 TextStyle 클래스를 사용하여 폰트 스타일을 지정할 수 있습니다. fontFamily나 fontSize 등 다양한 속성을 통해 폰트 스타일을 원하는 대로 변경할 수 있습니다.
위 예제처럼 ListView의 itemBuilder 속성을 이용하여 각 아이템을 정의하면서 Text 위젯의 style 속성을 설정하면, 아이템의 폰트 스타일을 쉽게 변경할 수 있습니다.
결론
이번 포스트에서는 Flutter의 ListView에서 아이템의 폰트 스타일을 설정하는 방법에 대해 알아보았습니다. ListView의 itemBuilder를 사용하여 Text 위젯의 style 속성을 설정하는 것으로 간단하게 아이템의 폰트를 커스터마이징할 수 있습니다. 원하는 폰트 스타일을 적용하여 보다 다채로운 목록을 만들어 보세요.
참조: