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