当前位置:Gxlcms > JavaScript > 详解React-Native左右联动List

详解React-Native左右联动List

时间:2021-07-01 10:21:17 帮助过:8人阅读

本文主要和大家介绍React-Native左右联动List的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧,希望能帮助到大家。

一:左右联动List,在工作中很常见。

今天分享一个同事写的例子,本人只做了简单修改。

注意:本例子必须修改源码,参考本文第三条。

二:Coding

ParcelPage.js:


ParcelData.js


三:修改源码

1-:SectionList


2-:VirtualizedSectionList

路径在node_modules/react-native/Libraries/Lists/VirtualizedSectionList.js,大概253行处修改如下:


四:

1-:代码github地址:https://github.com/erhutime/React-Navigation-All

2-:下载完成后,修改index.ios.js:入口文件如下:


五:效果图如下:

相关推荐:

详解PHP中each与list的使用

关于移动端IndexList详解

移动端IndexList效果介绍

以上就是详解React-Native左右联动List的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行