[flutter] ListView에서 아이템의 폰트 스타일 설정하기

이번에는 FlutterListView 위젯을 사용할 때, 각 아이템의 폰트 스타일을 어떻게 설정하는지 알아보겠습니다.

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 클래스를 사용하여 폰트 스타일을 지정할 수 있습니다. fontFamilyfontSize 등 다양한 속성을 통해 폰트 스타일을 원하는 대로 변경할 수 있습니다.

위 예제처럼 ListViewitemBuilder 속성을 이용하여 각 아이템을 정의하면서 Text 위젯의 style 속성을 설정하면, 아이템의 폰트 스타일을 쉽게 변경할 수 있습니다.

결론

이번 포스트에서는 FlutterListView에서 아이템의 폰트 스타일을 설정하는 방법에 대해 알아보았습니다. ListViewitemBuilder를 사용하여 Text 위젯의 style 속성을 설정하는 것으로 간단하게 아이템의 폰트를 커스터마이징할 수 있습니다. 원하는 폰트 스타일을 적용하여 보다 다채로운 목록을 만들어 보세요.

참조: