一起学react native(5) mobx+FlatList

作者: fangkyi03 | 来源:发表于2017-04-23 15:34 被阅读941次

    前言

    啥都不说了 先上效果图

    效果1

    这里写图片描述

    效果2

    这里写图片描述

    项目地址:https://github.com/fangkyi02/Demo

    代码就不写了 直接看项目吧 下次有空再补上

    相关文章

      网友评论

      • 光明自在:实现聊天界面的难点在于加载历史消息之后的定位,对于native来说,历史消息的绘制和之后的滑动定位在一个绘制周期里面,而由于RN天生的异步特性,几乎不可能做到无缝的过渡,不知道楼主是怎么解决这个问题?
        fangkyi03: @光明自在 对啊 没错啊 就是这个样子的啊
        光明自在:@fangkyi03 类似微信、QQ这样的,聊天记录比较多,进入会话的时候,加载最新的20条,用户可以向上滑动查看历史消息。
        当历史消息加载完毕,更新FlatList的data,此时列表顶部显示的应该是刚加载的历史消息的第一条,问题是:如何能无缝的回到加载之前的位置?由于RN的绘制是异步的,导致这一点很难做。
        fangkyi03: @光明自在 不是很懂你说的加载历史消息以后的定位是什么意思 我的话 都是进入回话 就拉取最新历史数据的后20条 然后想获取新数据就通过下拉刷新来实现 所以我不是很懂你说的定位是什么意思

      本文标题:一起学react native(5) mobx+FlatList

      本文链接:https://www.haomeiwen.com/subject/dokyzttx.html