12-24-2018 03:32
12-24-2018 03:32
I'm trying to build a screen with a scrollview. This worked in the past so I'm not sure why it's not working now. It seems like there is an issue building the scrollview-items for the scrollview. When I tap on the screen to start building the items, the app closes. I have a try/catch block but I'm not catching any exceptions even though all the items are not set. The 'DONE' text (shown below) is never added to the console log and I don't catch any exceptions so I'm not sure how to debug this issue. This is on an Ionic Version 27.33.1.30
There are 91 view-items, but something happened after iteration 80. This is not consistent, the error happens at random iterations.
Also, the Critical glue errors only happen if I have more than about 15 items in the list.
index.js snippet
function buildUsTable() {
console.log(`MOD TABLE 1`);
try {
var blend;
for (let i = 0; i < utils.blends.length; i++) {
blend = utils.blends[i];
console.log(`MOD TABLE14 ` + i);
items14[i + 1].text = (utils.calculateMODImperial(blend, 1.4) + 'ft');
//items16[i + 1].text = (utils.calculateMODImperial(utils.blends[i], 1.6) + 'ft');
}
console.log("DONE");
} catch(ex){
console.log("EX " + ex.message);
}
}
index.gui snippet
<svg id="mod-screen" display="none">
<defs>
<!-- Template Symbol for the header -->
<symbol id="view-header" href="#scrollview-header">
<rect id="header-rect" fill="inherit" x="0" y="0" width="100%" height="100%"/>
<text id="header1" x="5" y="50%+10" fill="black" font-size="30" font-weight="bold" />
<text id="header2" x="40%" y="50%+10" fill="black" font-size="30" font-weight="bold" />
<text id="header3" x="75%" y="50%+10" fill="black" font-size="30" font-weight="bold" />
</symbol>
<!-- Template Symbol for the items -->
<symbol id="view-item" href="#scrollview-item">
<rect id="item-rect" fill="inherit" x="0" y="0" width="100%" height="100%" />
<text id="item1" x="5" y="50%+10" fill="black" font-size="30" font-weight="bold" />
<text id="item14" x="40%" y="50%+10" class="item14"/>
<text id="item16" x="75%" y="50%+10" class="item16"/>
</symbol>
</defs>
<use id="mod-table" href="#scrollview" fill="black">
<use id="mod-header" href="#view-header" height="20%" fill="yellowgreen">
<set href="#header1" attributeName="text-buffer" to="BLEND" />
<set href="#header2" attributeName="text-buffer" to="@1.4" />
<set href="#header3" attributeName="text-buffer" to="@1.6" />
</use>
<use id="mod10" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="10%" />
</use>
<use id="mod11" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="11%" />
</use>
<use id="mod12" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="12%" />
</use>
<use id="mod13" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="13%" />
</use>
<use id="mod14" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="14%" />
</use>
<use id="mod15" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="15%" />
</use>
<use id="mod16" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="16%" />
</use>
<use id="mod17" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="17%" />
</use>
<use id="mod18" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="18%" />
</use>
<use id="mod19" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="19%" />
</use>
<use id="mod20" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="20%" />
</use>
<use id="mod21" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="21%" />
</use>
<use id="mod22" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="22%" />
</use>
<use id="mod23" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="23%" />
</use>
<use id="mod24" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="24%" />
</use>
<use id="mod25" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="25%" />
</use>
<use id="mod26" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="26%" />
</use>
<use id="mod27" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="27%" />
</use>
<use id="mod28" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="28%" />
</use>
<use id="mod29" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="29%" />
</use>
<use id="mod30" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="30%" />
</use>
<use id="mod31" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="31%" />
</use>
<use id="mod32" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="32%" />
</use>
<use id="mod33" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="33%" />
</use>
<use id="mod34" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="34%" />
</use>
<use id="mod35" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="35%" />
</use>
<use id="mod36" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="36%" />
</use>
<use id="mod37" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="37%" />
</use>
<use id="mod38" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="38%" />
</use>
<use id="mod39" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="39%" />
</use>
<use id="mod40" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="40%" />
</use>
<use id="mod41" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="41%" />
</use>
<use id="mod42" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="42%" />
</use>
<use id="mod43" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="43%" />
</use>
<use id="mod44" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="44%" />
</use>
<use id="mod45" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="45%" />
</use>
<use id="mod46" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="46%" />
</use>
<use id="mod47" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="47%" />
</use>
<use id="mod48" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="48%" />
</use>
<use id="mod49" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="49%" />
</use>
<use id="mod50" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="50%" />
</use>
<use id="mod51" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="51%" />
</use>
<use id="mod52" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="52%" />
</use>
<use id="mod53" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="53%" />
</use>
<use id="mod54" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="54%" />
</use>
<use id="mod55" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="55%" />
</use>
<use id="mod56" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="56%" />
</use>
<use id="mod57" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="57%" />
</use>
<use id="mod58" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="58%" />
</use>
<use id="mod59" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="59%" />
</use>
<use id="mod60" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="60%" />
</use>
<use id="mod61" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="61%" />
</use>
<use id="mod62" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="62%" />
</use>
<use id="mod63" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="63%" />
</use>
<use id="mod64" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="64%" />
</use>
<use id="mod65" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="65%" />
</use>
<use id="mod66" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="66%" />
</use>
<use id="mod67" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="67%" />
</use>
<use id="mod68" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="68%" />
</use>
<use id="mod69" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="69%" />
</use>
<use id="mod70" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="70%" />
</use>
<use id="mod71" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="71%" />
</use>
<use id="mod72" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="72%" />
</use>
<use id="mod73" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="73%" />
</use>
<use id="mod74" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="74%" />
</use>
<use id="mod75" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="75%" />
</use>
<use id="mod76" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="76%" />
</use>
<use id="mod77" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="77%" />
</use>
<use id="mod78" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="78%" />
</use>
<use id="mod79" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="79%" />
</use>
<use id="mod80" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="80%" />
</use>
<use id="mod81" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="81%" />
</use>
<use id="mod82" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="82%" />
</use>
<use id="mod83" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="83%" />
</use>
<use id="mod84" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="84%" />
</use>
<use id="mod85" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="85%" />
</use>
<use id="mod86" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="86%" />
</use>
<use id="mod87" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="87%" />
</use>
<use id="mod88" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="88%" />
</use>
<use id="mod89" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="89%" />
</use>
<use id="mod90" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="90%" />
</use>
<use id="mod91" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="91%" />
</use>
<use id="mod92" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="92%" />
</use>
<use id="mod93" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="93%" />
</use>
<use id="mod94" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="94%" />
</use>
<use id="mod95" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="95%" />
</use>
<use id="mod96" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="96%" />
</use>
<use id="mod97" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="97%" />
</use>
<use id="mod98" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="98%" />
</use>
<use id="mod99" href="#view-item" height="20%" fill="whitesmoke">
<set href="#item1" attributeName="text-buffer" to="99%" />
</use>
<use id="mod100" href="#view-item" height="20%" fill="papayawhip">
<set href="#item1" attributeName="text-buffer" to="100%" />
</use>
</use>
</svg>
Answered! Go to the Best Answer.
Best Answer12-29-2018 04:46
12-29-2018 04:46
Still not sure what is causing this but I replaced the ScollView lists with Virtual Tile list and I don't see the issue anymore.
Best Answer12-29-2018 04:46
12-29-2018 04:46
Still not sure what is causing this but I replaced the ScollView lists with Virtual Tile list and I don't see the issue anymore.
Best Answer