修改SectionList源文件(當(dāng)前僅供容易配項(xiàng)目使用)

最近開發(fā)的app中有一個(gè)選擇車型的組件,字母索引定位功能绘面,自己用 SectionList 做蹭秋,其中涉及到react-native中SectionList源碼修改問題凿将;

注意:本文使用的RN版本為0.55版本腾夯,效果圖如下:


點(diǎn)擊右側(cè)字母導(dǎo)航省撑,SectionList滾動到對應(yīng)的節(jié)點(diǎn)上,這里主要計(jì)算滾動的偏移量俯在,比如我點(diǎn)擊了第一個(gè)字母,就需要偏移一個(gè)字母的所有數(shù)據(jù)(item)娃惯、節(jié)點(diǎn)頭部(renderSectionHeader)和分割線的總高度跷乐,移除類推。

修改SectionList源碼趾浅,添加scrollToOffset方法愕提,注意:SectionList這個(gè)列表組件并沒有scrollToOffset方法(直接使用會報(bào)錯:找不到scrollToOffset方法);FlatList中才有皿哨,包括scrollToIndex和scrollToEnd也是一樣

所以浅侨,需要參照FlatList里面的scrollToOffset方法,給SectionList這個(gè)列表組件手動添加scrollToOffset方法证膨。

第一步:其中SectionList的路徑為:node_modules/react-native/Libraries/Lists/SectionList.js,代碼格式化后大概在343行的位置如输,修改如下:

//添加scrollToOffset方法

? scrollToOffset(params: {animated?: ?boolean, offset: number}) {

? ? ? if (this._wrapperListRef) {

? ? ? ? ? this._wrapperListRef.scrollToOffset(params);

? ? ? }

? }

即:


第二步:同時(shí)還需要修改VirtualizedSectionList的代碼,路徑在node_modules/react-native/Libraries/Lists/VirtualizedSectionList.js央勒,大概381行處修改如下:

//添加scrollToOffset方法

? scrollToOffset(params: {animated?: ?boolean, offset: number}) {

? ? ? if (this._listRef) {

? ? ? ? ? this._listRef.scrollToOffset(params);

? ? ? }

? }

即:


注意不见,那個(gè) ref 變量的名稱在不同的RN版本中可能不一樣,請參照其余地方使用即可崔步!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末稳吮,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子井濒,更是在濱河造成了極大的恐慌灶似,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,273評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件瑞你,死亡現(xiàn)場離奇詭異酪惭,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)捏悬,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,349評論 3 398
  • 文/潘曉璐 我一進(jìn)店門撞蚕,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人过牙,你說我怎么就攤上這事甥厦》拿” “怎么了?”我有些...
    開封第一講書人閱讀 167,709評論 0 360
  • 文/不壞的土叔 我叫張陵刀疙,是天一觀的道長舶赔。 經(jīng)常有香客問我,道長谦秧,這世上最難降的妖魔是什么竟纳? 我笑而不...
    開封第一講書人閱讀 59,520評論 1 296
  • 正文 為了忘掉前任,我火速辦了婚禮疚鲤,結(jié)果婚禮上锥累,老公的妹妹穿的比我還像新娘。我一直安慰自己集歇,他們只是感情好桶略,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,515評論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著诲宇,像睡著了一般际歼。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上姑蓝,一...
    開封第一講書人閱讀 52,158評論 1 308
  • 那天鹅心,我揣著相機(jī)與錄音,去河邊找鬼纺荧。 笑死旭愧,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的宙暇。 我是一名探鬼主播榕茧,決...
    沈念sama閱讀 40,755評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼客给!你這毒婦竟也來了用押?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,660評論 0 276
  • 序言:老撾萬榮一對情侶失蹤靶剑,失蹤者是張志新(化名)和其女友劉穎蜻拨,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體桩引,經(jīng)...
    沈念sama閱讀 46,203評論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡缎讼,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,287評論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了坑匠。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片血崭。...
    茶點(diǎn)故事閱讀 40,427評論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出夹纫,到底是詐尸還是另有隱情咽瓷,我是刑警寧澤,帶...
    沈念sama閱讀 36,122評論 5 349
  • 正文 年R本政府宣布舰讹,位于F島的核電站茅姜,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏月匣。R本人自食惡果不足惜钻洒,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,801評論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望锄开。 院中可真熱鬧素标,春花似錦、人聲如沸萍悴。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,272評論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽退腥。三九已至,卻和暖如春再榄,著一層夾襖步出監(jiān)牢的瞬間狡刘,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,393評論 1 272
  • 我被黑心中介騙來泰國打工困鸥, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留嗅蔬,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,808評論 3 376
  • 正文 我出身青樓疾就,卻偏偏與公主長得像澜术,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子猬腰,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,440評論 2 359

推薦閱讀更多精彩內(nèi)容