av激情亚洲男人的天堂国语,日韩欧美精品一中文字幕,无码av一区二区三区无码,国产又色又爽又刺激的a片,国产又色又爽又刺激的a片

在Flutter中更快地加載圖像資源！

我們可以把圖片放在我們的assets文件夾中，但如何更快地加載它們呢?這里有一個(gè)Flutter中的秘密函數(shù)可以幫助我們做到這一點(diǎn)--precacheImage()。

很多時(shí)候(尤其是在 Flutter Web 中)，您的本地資源圖像需要花費(fèi)大量時(shí)間在屏幕上加載和渲染!

這對(duì)用戶來說是不利的，特別是如果該圖像是你的屏幕的背景圖像。如果圖像是屏幕上的任何組件，我們?nèi)匀豢梢燥@示閃爍的微光(shimmer)或其他東西，以便用戶知道圖像正在加載。但是，我們不能為背景圖片顯示閃爍的微光，對(duì)嗎?

我們?cè)?Flutter 中有一個(gè)簡單而有用的方法，我們可以用它來更快地加載我們的資產(chǎn)圖像——precacheImage()!

precacheImage 將ImageProvider和context作為必要參數(shù)，并返回 Future 。

 
 
 
 
    
  
  
  
  
  1. Future precacheImage(
    2. 
  
  
  
  
  2.     ImageProvider provider,
  
  
  
  
  3.     BuildContext context,
    4. 
  
  
  
  
  4.     {Size? size,
    5. 
  
  
  
  
  5.     ImageErrorListener? onError}
    6. 
  
  
  
  
  6. )
    7. 
 
 
 
 
    此方法將圖像預(yù)取到圖像緩存中，然后無論何時(shí)使用該圖像，它的加載速度都會(huì)快得多。但是，ImageCache 不允許保存非常大的圖像。
    由于在此需要上下文，因此我們可以在可訪問上下文的任何函數(shù)中添加 precacheImage()。我們可以將相同的內(nèi)容放在第一個(gè)屏幕的 didChangeDependencies() 方法中!
    例如
     
 
 
 
      
  
  
  
  
    1. void didChangeDependencies() {      
      2. 
  
  
  
  
    2.   precacheImage(AssetImage("assets/logo.png"), context);
      3. 
  
  
  
  
    3.   precacheImage(AssetImage("assets/home_bg.png"), context);  
      4. 
  
  
  
  
    4.   super.didChangeDependencies();  
      5. 
  
  
  
  
    5. }
      6. 
 
 
 
 
    上面的例子將把 logo.png 和 home_bg.png 緩存到ImageCache中。所以現(xiàn)在，無論何時(shí)我們使用這張圖片，它都會(huì)加載得更快。
    這是一個(gè)方便的技巧，以加載你的圖像資產(chǎn)更快!下面是使用和不使用 precacheImage() 加載圖像所需時(shí)間的一個(gè)小統(tǒng)計(jì)
    你可以看到，開始的 3 個(gè)打印語句是沒有 precacheImage 的，每次都花費(fèi)近 10 毫秒。現(xiàn)在，下一個(gè)是 precacheImage，它在緩存中存儲(chǔ)圖像需要 14 毫秒。隨后的加載只用了 5 毫秒。所以我們可以得出結(jié)論，它將加載時(shí)間減少到近 50%!您可以在 GitHub 上找到相同的代碼!
    原文：https://abhishekdoshi26.medium.com/load-your-image-assets-faster-in-flutter-13d06037af2b
                        
    
                    網(wǎng)站名稱：在Flutter中更快地加載圖像資源！                    
    
                    文章起源：http://uogjgqi.cn/article/cocgcch.html
                
                
    
                    
    
                    
    
                        
    掃二維碼與項(xiàng)目經(jīng)理溝通
    
                        
    我們?cè)谖⑿派?4小時(shí)期待你的聲音
    
                        
    解答本文疑問/技術(shù)咨詢/運(yùn)營咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流