您当前的位置: 首页 > 

xiangzhihong8

暂无认证

  • 0浏览

    0关注

    1324博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

react-native城市列表组件

xiangzhihong8 发布时间:2017-07-21 09:37:12 ,浏览量:0

城市列表选择是很多app共有的功能,比如典型的美图app。那么对于React Native怎么实现呢? 这里写图片描述

要实现上面的效果,首先需要对界面的组成简单分析,界面的数据主要由当前城市,历史访问城市和热门城市组成,所以我们在提供Json数据的时候就需要将数据分为至少3部分。

const ALL_CITY_LIST = DATA_JSON.allCityList;
const HOT_CITY_LIST = DATA_JSON.hotCityList;
const LAST_VISIT_CITY_LIST = DATA_JSON.lastVisitCityList;

而要实现字母索引功能,我们需要自定义一个控件,实现和数据的绑定关系,自定义组件代码如下: CityIndexListView.js

'use strict';
关注
打赏
1482932726
查看更多评论
立即登录/注册

微信扫码登录

0.0710s