列表是個大坑!! 當時使用之后，列表長度超出 50+ 之后，卡頓極其明顯，基本不可用。主要原因是 FlatList 內(nèi)部采用的是 ScrollV...
投稿
收錄了12篇文章 · 17人關(guān)注
-
08-性能優(yōu)化-列表
-
07-性能優(yōu)化-網(wǎng)絡(luò)
React-Native 內(nèi)部集成了 OkHttp 作為網(wǎng)絡(luò)底層實現(xiàn)，上層直接調(diào)用 fetch api 即可發(fā)起網(wǎng)絡(luò)調(diào)用。 除非你對網(wǎng)絡(luò)有特殊要...
-
06-性能優(yōu)化-拆包3-自研方案
基于前面分析， 我們要解決拆包問題的話，需要解決以下幾個問題： 支持 TypeScript。 common 部分的 moduleId 需要固化下...
-
06-性能優(yōu)化-拆包2-別人家的方案
在自己上手實現(xiàn)拆包工具之前，我們也調(diào)研了其他家關(guān)于這方面的解決方案。 因為這種操作并沒有官方的解決方案，又和各家的工程結(jié)構(gòu)相關(guān)聯(lián)，所以網(wǎng)上大家提...
-
06-性能優(yōu)化-拆包1-bundle 命令本文主要介紹 bundle 命令的執(zhí)行過程，以及 Facebook 專門為 react-native 開發(fā)的打包工具 Metro(針對 v0.3...
-
06-性能優(yōu)化-拆包0為什么要拆包 React-Native 開發(fā)完成之后，需要調(diào)用 react-native bundle 命令構(gòu)建出最終包，發(fā)布上線。但是構(gòu)建出結(jié)...
-
05-Redux
前言 你并不一定需要 Redux 。 如果你的應(yīng)用場景還不夠復(fù)雜，引入 Redux 只會徒增成本。 Flux 設(shè)計模式 學(xué)習(xí) Redux 之前需...
-
04-React-Navigation
這塊內(nèi)容比較簡單，請移步官方文檔。
-
03-Flexible Box概念 React-Native 中所有的布局均采用 Flex 布局。采用 Flex 布局的元素，稱為 Flex 容器（flex containe...
-
02-React 介紹JSX 類似于 Android 中的 xml，完成布局的同時，包含了邏輯部分。 其實這個本質(zhì)上是一種語法糖，在編譯期會被轉(zhuǎn)成 JS Object...
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1881139527',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://upload.jianshu.io/collections/images/1680603/timg.jpeg', '推薦專題《React-Native 技術(shù)棧全解》（ 分享自 @簡書 ）','http://www.itdecent.cn/c/e290f0c490d7?utm_campaign=maleskine&utm_content=collection&utm_medium=reader_share&utm_source=weibo','頁面編碼gb2312|utf-8默認gb2312'));){kind=link}