Flutter

Подключение DivKitView в свой проект

1. Добавьте зависимость в pubspec.yaml:

   dependencies:
       divkit: any
   

2. Добавьте библиотеку в начало файла, где планируете использовать DivKitView:

   import 'package:divkit/divkit.dart';
   

3. Преобразуйте верстку в DivKitData:

   с помощью единого JSON-объекта:

   final data = DefaultDivKitData.fromJson(json); // Map<String, dynamic>
   

   или используя card и templates раздельно:

   final data = DefaultDivKitData.fromScheme(
       card: json['card'], // Map<String, dynamic>
       templates: json['templates'], // Map<String, dynamic>?
   );
   

4. Используйте DivKitView внутри дерева виджетов передав в него параметр "data":

   DivKitView(
       data: data,
   )
   

Для корректной работы DivKitView, не забудьте разместить виджет Directionality выше по дереву.

Для кастомизации поведения DivKit можно передать свои собственные реализации обработчиков custom, div-action и другие параметры:

DivKitView(
    data: data,
    customHandler: MyCustomHandler(), // DivCustomHandler?
    actionHandler: MyCustomActionHandler(), // DivActionHandler?
    variableStorage: MyOwnVariableStorage(), // DivVariableStorage?
)

При использовании собственного actionHandler не забудьте унаследовать DefaultDivActionHandler для обработки встроенных div-action.

Узнать больше

Следите за новостями DivKit в Telegram-канале: http://t.me/divkit_news

Также вы можете обсуждать интересующие вас темы в сообществе пользователей DivKit в Telegram: https://t.me/divkit_community_ru

Репозиторий DivKit