locale_page.dart 2.25 KB
import 'package:flustars/flustars.dart';
import 'package:flutter/material.dart';
import 'package:Parlando/provider/locale_provider.dart';
import 'package:Parlando/res/constant.dart';
import 'package:Parlando/util/toast_utils.dart';
import 'package:Parlando/widgets/my_app_bar.dart';
import 'package:provider/provider.dart';

import 'package:Parlando/extension/int_extension.dart';

class LocalePage extends StatefulWidget {
  const LocalePage({Key? key}) : super(key: key);

  @override
  _LocalePageState createState() => _LocalePageState();
}

class _LocalePageState extends State<LocalePage> {
  final List<String> _list = <String>['跟随系统', '中文', 'English'];

  @override
  Widget build(BuildContext context) {
    final String? locale = SpUtil.getString(Constant.locale);
    String localeMode;
    switch (locale) {
      case 'zh':
        localeMode = _list[1];
        break;
      case 'en':
        localeMode = _list[2];
        break;
      default:
        localeMode = _list[0];
        break;
    }
    return Scaffold(
      appBar: MyAppBar(
        homeMenuHeader: Container(
          alignment: Alignment.center,
          child: const Text(
            "多语言",
            style: TextStyle(color: Colors.white),
          ),
        ),
      ),
      body: ListView.separated(
        itemCount: _list.length,
        separatorBuilder: (_, __) => const Divider(),
        itemBuilder: (_, int index) {
          return InkWell(
            onTap: () {
              final String locale =
                  index == 0 ? '' : (index == 1 ? 'zh' : 'en');
              context.read<LocaleProvider>().setLocale(locale);
              setState(() {});
            },
            child: Container(
              alignment: Alignment.centerLeft,
              padding: EdgeInsets.symmetric(horizontal: 16.px),
              height: 50.px,
              child: Row(
                children: <Widget>[
                  Expanded(
                    child: Text(_list[index]),
                  ),
                  Opacity(
                    opacity: localeMode == _list[index] ? 1 : 0,
                    child: const Icon(Icons.done, color: Colors.blue),
                  )
                ],
              ),
            ),
          );
        },
      ),
    );
  }
}