Houzi Docs logo Houzi Docs

You can show custom widgets to your home pages easily via hooks.

adding custom widget placeholder

If you want to show a ‘custom widget’ in Home page, you need to do following things:

For Example: If you have a custom widget named as 'banner-notification-section'. Just replace the HOOK_NAME with 'banner-notification-section' and return your widget as follows:

  HomeWidgetsHook homeWidgetsHook = (
        BuildContext context,
        String? hookName,
        bool isRefreshed) {

//      This is sample code:
//      if (hookName == 'HOOK_NAME') {
//        return WIDGET;
//      }

        if (hookName == 'banner-notification-section') {
          return Container(
            height: 120,
            child: Text("I'm custom widget"),

      return null;

Note: You can re-arrange the position of your 'banner-notification-section' & you can re-name your 'banner-notification-section' from the HouziBuilder Desktop App.

Added in version 1.3.0

Previous: Hide empty items in Terms Next: Add Custom Widget in Home Sliver App bar