인프런 커뮤니티 질문&답변

context.read<LangService>().toggleLang

를 사용해도 언어가 변경되었는데요

그 이유는 MyApp에서 locale을 watch로 구독하고있어서 그런건가요?

원리가 궁금합니다.

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      localizationsDelegates: [
        S.delegate,
        GlobalMaterialLocalizations.delegate,
        GlobalWidgetsLocalizations.delegate,
        GlobalCupertinoLocalizations.delegate,
      ],
			supportedLocales: S.delegate.supportedLocales,
      debugShowCheckedModeBanner: false,
      locale: context.watch<LangService>().locale,
      theme: context.themeService.themeData,
      home: ShoppingView(),
    );
  }
}

class SettingBottomSheet extends StatelessWidget {
  const SettingBottomSheet({super.key});

  @override
  Widget build(BuildContext context) {
    final bool isLightTheme = context.theme.brightness == Brightness.light;
  
    return BaseBottomSheet(
      child: Column(
        mainAxisSize: MainAxisSize.min,
        children: [
          // Theme Tile
          Tile(
            icon: isLightTheme ? 'sunny' : 'moon',
            title: S.current.theme,
            subtitle: isLightTheme ? S.current.light : S.current.dark,
            onPressed: context.read<ThemeService>().toggleTheme,
          ),

          // Lang Tile
          Tile(
            icon: 'language',
            title: S.current.language,
            subtitle: IntlHelper.isKo ? S.current.ko : S.current.en,
            onPressed: context.read<LangService>().toggleLang,
          ),
        ],
      ),
    );
  }
}