{"id":1868,"date":"2026-05-30T05:38:09","date_gmt":"2026-05-30T05:38:09","guid":{"rendered":"https:\/\/documentation.iqonic.design\/streamit-laravel\/?p=1868"},"modified":"2026-06-05T11:22:54","modified_gmt":"2026-06-05T11:22:54","slug":"streamit-flutter-short-drama-add-on-install-guide","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/streamit-laravel\/streamit-flutter-short-drama-add-on-install-guide\/","title":{"rendered":"Streamit Flutter &#8211; Short Drama Add-on Install Guide"},"content":{"rendered":"<div class=\"nolwrap\">\n<p><\/p>\n\n\n\n<p>This add-on is installed in <strong>two steps only<\/strong>:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Copy the <strong><code>short_drama<\/code><\/strong> folder into <strong><code>lib\/<\/code><\/strong>.<\/li>\n\n\n\n<li>Register the module in <strong><code>lib\/addon_registration.dart<\/code><\/strong>.<\/li>\n<\/ol>\n\n\n\n<h1 class=\"wp-block-heading\"><strong>Prerequisites<\/strong><\/h1>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The <strong>Laravel backend<\/strong> must already have the <strong>Short Drama Add-on Plugin<\/strong> installed and configured correctly.<\/li>\n\n\n\n<li>The backend <strong>Base URL<\/strong> must match the value of <strong><code>DOMAIN_URL<\/code><\/strong> in <strong><code>lib\/configs.dart<\/code><\/strong>.<\/li>\n<\/ul>\n\n\n\n<h1 class=\"wp-block-heading\"><strong>Install Steps<\/strong><\/h1>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>1) Copy the Add-on Folder into <code>lib\/<\/code><\/strong><\/h2>\n\n\n\n<p>Copy the add-on folder so the project contains:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><code>YOUR_FLUTTER_APP\/lib\/short_drama\/<\/code><\/strong><\/li>\n<\/ul>\n\n\n\n<p>That folder already includes all <strong>Short Drama module files<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>2) Register the Add-on<\/strong><\/h2>\n\n\n\n<p><br>Open <strong><code>YOUR_FLUTTER_APP\/lib\/addon_registration.dart<\/code><\/strong> and add the <strong>Short Drama registration call<\/strong>:<\/p>\n\n\n\n<p><strong>Register the Short Drama Add-on<\/strong><\/p>\n\n<div style=\"background:#1e1e1e;color:#f8f8f2;padding:16px;border-radius:6px;border:1px solid #444;margin:10px 0\">\n<pre style=\"background: transparent;margin:0;font-family:Consolas, Monaco, 'Courier New', monospace;font-size:14px;line-height:1.5;color:#f8f8f2;white-space:pre-wrap\"><code>import 'package:streamit_laravel\/addon_bridge\/short_drama\/short_drama_bridge.dart';\nimport 'package:streamit_laravel\/short_drama\/short_drama_delegate_impl.dart';\n\nclass ShortDramaAddon {\n  static void register() {\n    ShortDramaBridge.register(ShortDramaDelegateImpl());\n  }\n}<\/code><\/pre>\n<\/div>\n\n\n\n<h1 class=\"wp-block-heading\"><strong>Notes<\/strong><\/h1>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In this codebase, the file is named <strong><code>lib\/addon_registration.dart<\/code><\/strong>.<\/li>\n\n\n\n<li><strong><code>lib\/main.dart<\/code><\/strong> already calls <strong><code>ShortDramaAddon.register()<\/code><\/strong> during application startup.<\/li>\n\n\n\n<li>If the backend <strong>Base URL<\/strong> in <strong><code>lib\/configs.dart<\/code><\/strong> does not match the Laravel environment, <strong>Short Drama<\/strong> will not load correctly.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>This add-on is installed in two steps only: Prerequisites Install Steps 1) Copy the Add-on Folder into lib\/ Copy the add-on folder so the project contains: That folder already includes all Short Drama module files. 2) Register the Add-on Open YOUR_FLUTTER_APP\/lib\/addon_registration.dart and add the Short Drama registration call: Register the Short Drama Add-on import &#8216;package:streamit_laravel\/addon_bridge\/short_drama\/short_drama_bridge.dart&#8217;; [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":0,"parent":1880,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1868","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"featured_image_src":null,"author_info":{"display_name":"laraveladminiq","author_link":"https:\/\/documentation.iqonic.design\/streamit-laravel\/author\/laraveladminiq\/"},"children":[],"_links":{"self":[{"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/posts\/1868","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/comments?post=1868"}],"version-history":[{"count":7,"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/posts\/1868\/revisions"}],"predecessor-version":[{"id":1930,"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/posts\/1868\/revisions\/1930"}],"up":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/posts\/1880"}],"wp:attachment":[{"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/media?parent=1868"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/categories?post=1868"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/tags?post=1868"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}