Bangle.js 2: how to draw Widgets without clearing Widget area?

Hi @Andreas_Rozek

You can load the widgets but you dont have to draw them, or rather you can disable the drawing of the widgets.

Bangle.loadWidgets();
/*
 * we are not drawing the widgets as we are taking over the whole screen
 * so we will blank out the draw() functions of each widget and change the
 * area to the top bar doesn't get cleared.
 */
for (let wd of WIDGETS) {wd.draw=()=>{};wd.area="";}

What this code does is ensure that the area of the widget is set to blank and that the draw function of the widget (should it be called) does nothing.

That will still leave the potential for the system to clear the widget line every now and again. It does this on the basis of the current theme, usually the background will be white or black. If you background is blue you want to ensure that the current theme background is also blue.

A good exmaple of this is done in the waveclk, lines 56 and 56 set a custom background.

// Clear the screen once, at startup
g.setTheme({bg:"#f0f",fg:"#fff",dark:tru­e}).clear();