seedkit_ui
Пакет готовых UI-компонентов для SeedKit-приложений.
Интеграция
- Для локализации UI добавь делегат в
MaterialApp:
MaterialApp.router(
localizationsDelegates: const [
SeedKitUiLocale.delegate,
GlobalMaterialLocalizations.delegate,
GlobalWidgetsLocalizations.delegate,
GlobalCupertinoLocalizations.delegate,
],
);
- Для темизации UI передай нужные
ThemeExtensionвSeedKitThemeModule:
final theme = SeedKitThemeModule(
primaryColor: const Color(0xff4345C3),
fontFamily: FontFamily.golos,
customThemes: [
const UIAgreementThemeData.config(),
const UIBadgeThemeData.config(),
const UIButtonThemeData.config(),
const UICheckBoxThemeData.config(),
const UICheckerThemeData.config(),
const UIDropdownThemeData.config(),
const UIFilterOptionsThemeData.config(),
const UIIconThemeData.config(),
const UIKeyValueThemeData.config(),
const UILoadingThemeData.config(),
const UISnackbarThemeData.config(),
const UISwitcherThemeData.config(),
const UITabBarThemeData.config(),
const UITagThemeData.config(),
const UITextExpandedThemeData.config(),
const UITextFieldThemeData.config(),
const UITextHtmlThemeData.config(),
const UITextRequiredThemeData.config(),
const UISliversThemeData.config(),
],
);
Использование
- Базовые виджеты:
IconWidget,LoadingWidget,SwitcherWidget,FeedbackWidget,CheckboxWidget,CheckerWidget,BaseErrorWidget,BadgeWidget,ButtonWidget,SliderWidget,SnackbarWidget,ContainerShimmerWidget,DropdownWidget,TagWidget,AgreementWidget. - Key-value виджеты:
KeyValuesWidget,KeyValueFullWidget,KeyValueCompactWidget. - Текстовые виджеты:
TextRequiredWidget,TextAnimated,TextHtmlWidget,TextExpandedWidget. - Sliver-виджеты:
SliversWidget,SliverRefreshWidget,SliverListWidget,SliverGridWidget,SliverFillWidget,DetectListEndedWidget,SliverStack. - Image-виджеты:
ImageWidget,ImageErrorWidget,ImagePlaceholderWidget. - Поля и форматтеры:
CountFieldWidget,PhoneFieldWidget,SearchFieldWidget,TimeSpentFieldWidget,TextFieldWidget,PriceFormatter,TimeSpentFormatter. - Tab bar:
TabBarView,TabBarBloc. UIStatefulWidget,UIState,UIStatelessWidget— базовые классы UI-виджетов с поддержкой theme data.ISeedKitUIThemeData— интерфейс theme data сmerge.SeedKitUiLocaleиSeedKitUiLocale.delegate.- ThemeExtension-модели для UI-компонентов:
UIAgreementThemeData,UIBadgeThemeData,UIButtonThemeData,UICheckBoxThemeData,UICheckerThemeData,UIDropdownThemeData,UIIconThemeData,UIKeyValueThemeData,UILoadingThemeData,UISliversThemeData,UISnackbarThemeData,UISwitcherThemeData,UITabBarThemeData,UITagThemeData,UITextExpandedThemeData,UITextFieldThemeData,UITextHtmlThemeData,UITextRequiredThemeData,UIFilterOptionsThemeData. - Внешние UI API для анимаций, dotted border и mask formatter.
ContextUIExtension,MaskFormatterUtils,PriceExtension, UI typedefs иScrollUtils.
Импорты
import 'package:seedkit_ui/seedkit_ui.dart';
import 'package:seedkit_ui/seedkit_ui_core.dart';
import 'package:seedkit_ui/seedkit_ui_locale_delegate.dart';
import 'package:seedkit_ui/seedkit_ui_theme_data.dart';
import 'package:seedkit_ui/seedkit_ui_to.dart';
import 'package:seedkit_ui/seedkit_ui_utils.dart';