Flutter/Package

[Flutter] TableCalendar ② - 달력 언어 설정 (locale)

찌김이 2022. 7. 15. 16:22
728x90
반응형

TableCalendar ① - 간단한 달력 구현  https://dalgoodori.tistory.com/14

TableCalendar ② - 달력 언어 설정 (locale)  

TableCalendar ③ - 달력 꾸미기 (HeaderStyle)  https://dalgoodori.tistory.com/16

TableCalendar  - 달력 꾸미기 (CalendarStyle)  https://dalgoodori.tistory.com/17

TableCalendar ⑤ - 유용한 기능들  https://dalgoodori.tistory.com/18

 

 

이전 글에서 TableCalendar가 쉽게 달력을 띄워줄 수 있는 것을 알았고,
이번 글에서는 TableCalendar의 언어 설정에 대해서 알아보려고 합니다.

1. pubspec.yaml 에서 intl 을 추가

dependencies:
  intl: ^0.17.0

2. main.dart 에서 main()에 async 를 적고 await initializeDateFormatting() 를 추가 

import 'package:flutter/material.dart';
import 'package:intl/date_symbol_data_local.dart';

void main() async {
  
  // import 는 package:intl/date_symbol_data_local.dart 
  await initializeDateFormatting();
		
  runApp(const MyApp());
}

3. TableCalendar 에 locale : 'ko_KR'

import 'package:flutter/material.dart';
import 'package:table_calendar/table_calendar.dart';

class TableCalendarScreen extends StatelessWidget {
  const TableCalendarScreen({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: TableCalendar(
      	locale: 'ko_KR', // 추가
        firstDay: DateTime.utc(2021, 10, 16),
        lastDay: DateTime.utc(2030, 3, 14),
        focusedDay: DateTime.now(),
      ),
    );
  }
}

4. 완료

기본값인 영어에서 한글로 바뀐 것을 볼 수 있다.

728x90
반응형