[flutter] BottomSheet 텍스트 스타일 변경하는 방법

14 Dec 2023

flutter

Flutter에서 BottomSheet를 사용하고자 할 때 기본 텍스트 스타일을 변경하는 방법에 대해 알아보겠습니다.

1. BottomSheet 생성

먼저 BottomSheet를 생성합니다. 다음은 간단한 코드 예시입니다.

void _showBottomSheet(BuildContext context) {
  showModalBottomSheet(
    context: context,
    builder: (BuildContext context) {
      return Container(
        child: Text('이것은 BottomSheet입니다.'),
      );
    },
  );
}

위 코드는 간단한 BottomSheet를 만드는 예시입니다.

2. 텍스트 스타일 수정

BottomSheet에 텍스트 스타일을 수정하기 위해서는 TextStyle을 사용하여 텍스트에 스타일을 적용할 수 있습니다.

다음은 텍스트 스타일을 수정하여 BottomSheet에 적용하는 예시 코드입니다.

void _showStyledBottomSheet(BuildContext context) {
  showModalBottomSheet(
    context: context,
    builder: (BuildContext context) {
      return Container(
        child: Text(
          '이것은 스타일이 적용된 BottomSheet입니다.',
          style: TextStyle(
            color: Colors.blue,
            fontSize: 16.0,
            fontWeight: FontWeight.bold,
          ),
        ),
      );
    },
  );
}

위 코드에서는 TextStyle을 사용하여 텍스트의 색상, 크기, 굵기 등을 수정하여 BottomSheet에 적용하였습니다.

이제 텍스트 스타일을 변경하여 BottomSheet를 사용할 수 있습니다.

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