em_chat_uikit 2.1.0+2

A set of ui components adapted to the chat sdk can quickly build a chat page and chat through the chat sdk by invoking the ui components.

example/lib/main.dart

import 'package:em_chat_uikit/chat_uikit.dart';
import 'package:em_chat_uikit/ui/widgets/input_bar/chat_uikit_input_bar_theme.dart';
import 'package:em_chat_uikit_example/demo/debug_login_page.dart';
import 'package:em_chat_uikit_example/demo/demo_localizations.dart';
import 'package:em_chat_uikit_example/demo/home_page.dart';

import 'package:em_chat_uikit_example/demo/custom/chat_route_filter.dart';
import 'package:em_chat_uikit_example/demo/pages/me/about_page.dart';
import 'package:em_chat_uikit_example/demo/pages/me/settings/advanced_page.dart';
import 'package:em_chat_uikit_example/demo/pages/me/settings/general_page.dart';
import 'package:em_chat_uikit_example/demo/pages/me/settings/language_page.dart';
import 'package:em_chat_uikit_example/demo/pages/me/settings/translate_page.dart';
import 'package:em_chat_uikit_example/demo/tool/settings_data_store.dart';
import 'package:em_chat_uikit_example/welcome_page.dart';
import 'package:em_chat_uikit_example/sample_demo/custom_home_page.dart';

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

import 'package:flutter_easyloading/flutter_easyloading.dart';

const appKey = 'easemob#easeim';

const bool appDebug = false;

void main() async {
  SettingsDataStore().init();
  return SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp])
      .then((value) => runApp(const MyApp()));
}

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

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  final ChatUIKitLocalizations _localization = ChatUIKitLocalizations();

  @override
  void initState() {
    super.initState();
    init();

    _localization.defaultLocale = [
      ChatLocal(
        'zh',
        Map.from(ChatUIKitLocal.zh)..addAll(DemoLocalizations.zh),
      ),
      ChatLocal(
        'en',
        Map.from(ChatUIKitLocal.en)..addAll(DemoLocalizations.en),
      )
    ];
    // 添加语言后需要进行resetLocales操作
    _localization.resetLocales();
    ChatUIKitSettings.inputBarRadius = CornerRadius.medium;
  }

  void init() async {
    await ChatUIKit.instance.init(
      options: Options(
        appKey: appKey,
        deleteMessagesAsExitGroup: false,
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      supportedLocales: _localization.supportedLocales,
      localizationsDelegates: _localization.localizationsDelegates,
      localeResolutionCallback: _localization.localeResolutionCallback,
      locale: _localization.currentLocale,
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
        splashColor: Colors.transparent,
        highlightColor: Colors.transparent,
      ),
      builder: EasyLoading.init(),
      home: const WelcomePage(),
      onGenerateRoute: (settings) {
        RouteSettings newSettings = ChatRouteFilter.chatRouteSettings(settings);
        return ChatUIKitRoute().generateRoute(newSettings) ??
            MaterialPageRoute(
              builder: (context) {
                if (settings.name == '/sample_demo') {
                  return const CustomHomePage();
                } else if (settings.name == '/home') {
                  return const HomePage();
                } else if (settings.name == '/login') {
                  return const DebugLoginPage();
                } else if (settings.name == '/debug_login') {
                  return const DebugLoginPage();
                } else if (settings.name == '/general_page') {
                  return const GeneralPage();
                } else if (settings.name == '/language_page') {
                  return const LanguagePage();
                } else if (settings.name == '/translate_page') {
                  return const TranslatePage();
                } else if (settings.name == '/advanced_page') {
                  return const AdvancedPage();
                } else if (settings.name == '/about_page') {
                  return const AboutPage();
                } else {
                  return const SizedBox();
                }
              },
            );
      },
    );
  }
}