時,我已經建立了自定義選項卡布局定義如下:Nativescript負荷標籤只會顯示
main.xml中
<StackLayout id="sl_main">
<t1:explore id="tab_explore" visibility="{{ currentActive == 'explore' ? 'visible' : 'collapsed' }}" />
<t2:community id="tab_community" visibility="{{ currentActive == 'community' ? 'visible' : 'collapsed' }}"/>
<t3:profile id="tab_profile" visibility="{{ currentActive == 'profile' ? 'visible' : 'collapsed' }}" />
</StackLayout>
由於所有這些標籤都做CPU密集型操作 - 例如作爲下載和上傳圖像 - ,我希望每個選項卡僅在實際顯示時加載(發生在visibility
屬性從collapsed
切換爲012時發生)
編輯 基本上是正確的,現在,當我瀏覽到main.js
所有選項卡loaded
事件被調用。
所以,當我導航到main
我有3個cpu密集型功能一個接一個地運行。 (tab_explore.loaded , tab_community.loaded , tab_profile.loaded
)我想要的是,如果visible
選項卡是tab_explore
我只能調用它的loaded
函數。比tab_profile
變成visible
I load
功能等 你會怎麼做到這一點?
請您更清楚地解釋一下嗎? 「我希望每個標籤僅在實際顯示時加載」是什麼意思? –
好的,我已經更新了這個問題!謝謝 –