PopularPage的onSelect没反应
来源:9-3 收藏功能的实现-2【实战应用】
Harrymissu
2019-03-12
老师您好,有两个问题请您帮忙解决一下:
我得PopularPage里的renderItem方法中onSelect一直都没有触发:
renderItem(data) {
const item = data.item;
return <PopularItem
projectModel={item}
onSelect={() => {
console.log('你按了我一下')
NavigationUtil.goPage({
projectModel: item,
flag: FLAG_STORAGE.flag_popular
}, 'DetailPage')
}}
onFavorite={(item, isFavorite) => {FavoriteUtil.onFavorite(favoriteDao, item, isFavorite, FLAG_STORAGE.flag_popular)}}
/>
}
之前我把导航到DetailPage代码写到了PopularItem中的onPress里,能成功的运行。但是这节课的内容再按照我这么写有点麻烦,所以老师onSelect一直没法触发。 我是在Android虚拟机上跑的项目。
// onItemClick(item) {
// NavigationUtil.goPage({
// projectModel: item,
// flag: FLAG_STORAGE.flag_popular,
// callback
// }, 'DetailPage');
// }
render() {
const {projectModel} = this.props;
const {item} = projectModel;
if (!item || !item.owner) return null;
return (
<TouchableOpacity
// onPress={()=>this.onItemClick(projectModel)}
>
另外在进入详情页的时候,navigationBar是一片空白,只有你往上拉取内容的时候才会恢复。
写回答
1回答
-
你将// onPress={()=>this.onItemClick(projectModel)}注释掉了怎么会触发呢?
render() { const {projectModel} = this.props; const {item} = projectModel; if (!item || !item.owner) return null; return ( <TouchableOpacity // onPress={()=>this.onItemClick(projectModel)} >
刚进去navigationBar空白是在真机上试下是否OK呢,一般渲染较慢会导致部分界面渲染空白;
另外,建议对照这块的课程源码检查下:https://git.imooc.com/coding-304/GitHub_Advanced/src/ce353d69100a17efe365b0f5d4abc875b8f93f5c
012019-03-17
相似问题