028-直播间模块-chatroom组件原创

好了两位，咱们继续沿着咱们的路往上走啊，咱们也说了哈，咱们的思路是先大面上过得去啊，然后咱们再开始抠细节啊，所以咱们接下来的话呢，咱们先把这个聊天区啊，咱们也就着热啊，然后咱们给它做出来啊，因为我想先把这些这几个大块啊，咱们先给它啊弄出来啊，所以咱们接下来把这个聊天区这一块啊，嗯，聊天区这一块的内容的话呢，应该这一块咱们应该放的是一个什么滚动的view sc view，大家说为什么是一个sc view呢？因为这个聊天区的内容啊特别多啊，将来会非常多，所以咱们在这肯定不能弄成一个普通的view啊，你可以弄成一个sc view啊，可以支持滚动的，而且最新的内容啊，一定要能够滚出来啊，其他内容的话应该是及时的，如果过长的话，给他删掉就可以了啊，所以咱们在这来做这个聊天区，在做这个聊天区的话，首先是数据怎么拿的问题啊，无非就两步，第一步你把数据给我攒好。

第二步的话，我给你画界面啊，是咱们这块来看一下来第一步这个数据怎么做，另外公告大家好，我是谁啊，还有这个谁加入了群聊，诶这两条消息那不是随便写的呀，那也不是咱们固定写死的，它都是来自于咱们的数据中的，就是我们这个公告信息，咱们也知道哈，杨佐的这个公告信息的话呢，应该也是咱们在创建直播间的时候给他规定好了都已经啊，所以接下来咱们来看一下在这个地方来保存之后啊，我们可以看一下在我们的代码中来找到我们的小程序的代码在这个位置来。我记得哈，当时是在咱们的live，呃，GS中啊，咱们拿到了这一个呃，Group的INF，在group infer中的话，你查一下里面呀，有没有一个公告信息啊，因为咱们还说这是群组的相关信息，里面是不是得有呀啊重新编，咱不用重新编辑，这就有，你看里面有一个什么，这是introduction，这是介绍啊，然后叫群简介，群公告的话，应该是我记得我写的一个文明发言notification，咱两个兰话你已经别别弄混了哈，要不然你就自己重新去写一写，列位记不记得当年啊，咱们在这个直播间创建的时候啊，咱们传了一个notification，还有我们的一个introduction，应该是咱们在代码中的这个create group里面创建直播间的时候啊，客人当时啊给写死，大家好，我是谁啊，然后的话呢，还有一个什么呀，这个请文明发言的，这样一个信息是不是在这里呀，请文明发言。

Notification introduction，当然这些东西其实后面都可以通过rest for进行动态的修改啊，大家只要找到接口就可以了啊，咱们也可以去写一个像什么修改个人信息页面的，再去更改这些公告，所以你这个小应用你越做越做，做了就是跟抖音一样的了，对吧？嗯，所以咱们要的是个notification这个字段，所以我应该在这里的话呢，获取一下，就是我设置完了之后，我通过一个z.notification。

Ification这个字段是不是他呀？哎，我们的这个group iner点我这个单词没没打错吧，Group iner.notification好，接下来的话呢，我们可以判断啊，如果这个notification没有问题的话呢，咱们在这里就开始什么收集这个信息了啊，如果这个是为真的情况下，咱们就开始进行收集了，好了，在这啊，大家说怎么保存时变成这样的呢？因为还是那个问题哈，就咱们的热更新的问题啊，没关系，咱们这样哈，将来的话，咱们是用这个数组来收集这些消息呗，你想想一条消息来了，A发了条消息，B发了条消息，他加入了群聊啊，C加入了群聊啊，咱们用数组来保存就可以了啊，所以客人在这里的话呢，设置了一个message这样一个数组，我们负责往里面进行push试就可以啊，在这里我们诶这一块这个信息的话呢，咱们要注意一下啊，我们可以啊提前呢，先做出了一个什么呀，对象信息来，我们在这里来。

一个MSG啊，我们在这里先把一个普通的一个对象的话呢，给它存进去，因为我直接存，你说我存啥呀，我我存这个都费黑去存一个字是不是咱们这个是公告呀，还是是加入群聊呀，还是谁发的消息呀，等等的，他是不是不同的呀，所以我们可以在这里的话呢，存一个type字段，Type等于一，Type不等于二的区别，Type不等于二的时候表示的话，这是一条公告，哎这一块的话呢，表示这是公告啊，这是公告，因为公告这一块的话呢，公告，公告这一块列位它是一个什么呀，文字，你看我在这里的话，它是一个文字，而这个谁的话呢，这个我的话呢，是看的是咱们是那个灯牌啊，看看这是几级的这个粉丝啊，所以在这里的话呢，咱们应该是在这里的话，标识一个太吃，那对应的还有这个内幕，吃的话呢，人普通的内幕的话，就是这个人的名字是隐兵还是阳祖还是铁锤啊。

加入了群聊，咱们这个内幕的话呢，就写一个什么就行了呀，那么就写一个公告两个字就行了，公告两个字啊，公告两个字，然后接下来的话，我们在这块这个message这个信息的话，诶，这就是咱们这个Z4.notification这个内容了，好吧，然后咱们在这在动态的话呢，生成这一个什么ID啊，这个ID的话呢，你将来作为咱们的唯一主件也好啊，作为咱们的滚动时候的话呢，这个view ID啊，方便滚动的时候你都要做一个ID啊，咱们在这给他做一个ID，按照咱们的什么data点脑时间戳，取一个时间戳做ID就可以了，好吧，那在这的话相当于客文啊，拿到了这个公告的这个notification啊，放在这个数组里面了，最后咱们再把这个东西的话给它合并在一起，这点set data给合并在咱们的message里面，先把老的message进行一个展开，Z点点message，然后再对于我们这个进行一个展开，好保存之后。

另外最终我们拿到了这个信息，这次点data.message好，咱们重新的测试一下，看看是不是我们在第一次的时候就已经把这个公告给他加进来了呢？来看一眼，哎哟，我这块写错了，是不是我这个date date date.now。date.know哈，重新编译一下，呃，每次这块再重新编译一下，走一遍之后，咱们来看一下我收集的一个一条信息的，这条信息是ID是他啊，请大家文明发言，还有这个是公告，然后type雷型是二的这样的，另外看一下这就是我们的啊第一条消息，其实主要是为了显示在这个地方的第一条消息是吧？嗯，好，接下来的话再来，他怎么知道谁加入的群聊，难道这个东西是我自己加的吗？我这个东西可以自己写吗？然后我每次进来之后，我也初始化完成了，我就自己写一个我加入了群聊这一块吗？啊，咱们在这里做法的话呢，是利用他给了一个什么呀，事件监听啊，加入群聊这块也有专门的事件监听的，咱们之前不是有一个叫什么呀，叫1SDK ready吗？其实在这里还有一个叫join group这样一个方法啊，所以你照着这个方法，你照着来来写一遍就行了哈，在这个地方啊，咱们看一下这个括号是到哪。

哪了，我看一下，别别放错地方了，好，这个是ready的这一块，对不对？好，咱们在这块是在ready的时候，咱们做了这些工作什么收集的这个消息啦，并且设置好了group INF on infer，那对应的其实它还有一个好括起来，小括号闭合应该没问题了，嗯，然后在这里的话，咱们测一下啊，我这个小括号是不是多了一个大括号啊，这样的话没问题了，这块它有一个什么叫点join group，哎，这一个啊，也就是说他接听的join group，如果你加入聊天成功的话呢，这个回调函数啊，就会被回调，咱们再打印一下conso log。

COO log在这里打印一个什么呀，加入群聊，因为他在这啊是有事件的，你别的时候你还没加入群聊，你自己给自己加进去了，所以咱们得等着哈，真正的加入群聊成功了，因为你之前你不是走了这个撞人入这个方法了吗？列外你初始化成功之后啊，你在这里通过了一个叫join room这个方法加入了群联，然后最终才得到什么group infer和user infer，而加入群联成功的话呢，咱们会在这里也收到一个新的消息啊，所以我可以在这里判断，如果是是这个事件到来了啊，从我的即时通讯的云服务器推来了一个消息，是这个消息的话呢，我就认为是加入群聊成功了，那这个时候我才把这个最新的这个东西给他存进去就可以了，另外可以看一下加入群聊成功这个data是不是我们刚刚啊这个加入到群聊的这个用户，就此人应该是隐评这个用户看一下对不对，来走，咱们进来之后看一下加入群。

啊，是不是引兵这些信息就加到这个群聊里面去了呀，就他嘛，就他就够了啊就这个信息就行了，好了，咱们在这儿的话呢，啊，一定要按照人家给提供的这样一些回调事件监听来去写啊，你将来还有什么退出群的，你还得删掉呢，对不？嗯，所以在这里啊，我们在这加入群聊，那接下来我是不是老规矩，我还是照着之前这个一样的去写就行了，来，我们在这儿把它给拿过来。放在这儿来一份就行了，我们这次push试的话，这个就不是二了啊，你可以有人说课中写个一啊绊示的话，这是消息对不对，这是消息好保存之后这是消息，然对应的我们这个name的话，列为这一次，这个name咱们写什么呀？咱们是不是就写这个什么呀，Data点内就行了呀，Data点内因为将来我们显示的是谁加入了这个群联，而对应的这个message的话，咱们就给它写成固定的是什么，加入了群聊，哎，加入了群聊，然后后面这个ID的话呢，也是这样动态生成的好了，一保存之后的话呢，你依然可以在这看一下，此时我们打印一下conso log this.data.message1保存之后咱们来看一眼啊，重新编译一下，好，看一下此时这块是不是一个是攒了两条消息了呀，一个是咱们的什么公告，请大家文明发。

发言一个是将来是隐兵加入了群聊啊，但在这儿有人可能也会很细节的发现说，诶客户发现一个小问题啊，你这个是显示我加入了群里，你怎么知道说我你将来消息的话呢，有谁有铁锤发来的，有钢带发来的，所以我们在这把贝ke点内ke放在这，很明显就只能把他们的这个昵称放在这里，但然你怎么知道是我呢？或者怎么显示我呢？咱们可以在这里根据这个什么呀，我们传来这个ID做判断，我们在这里这个是data点里面不是有个ID信息吗？咱们跟我们当前此时授权的用户如果是相等的情况下，咱们就返回给我呗，啊如果不是的话，就把原来这个内给它返回来就行了啊，所以在这里你可以自己啊写个小的这个处理方法，咱们在这写一个这点format form format啊，我们的这个内这样一个方法，你到时候就把你这个什么呀，你的data点，哎，你的这个U。

ID信息，还有那个信息给我传过来，你把这个直接传过来给我啊，我自己来判断好吧，Format，那这个方法我写在下面这块啊，进行格式化，这个东西咱们在这里来解构出来，我记得里面应该是有我们的什么UCID字段啊，还有我们的这个内字段是吧，两个嘛，一个是我们的user ID，一个是Nick，然后我们就可以在这里的话呢，做一个小小的一个判断，如果判断这个user ID字段，它等于等于我们当前之前存的嘛，User data里面存的，如果是这个的话，咱们return一个字我就得了呗，如果不是的话，咱们就return这一个ni，因外看一下哈，一个小方法的话非常简单，但是的话呢，对于我们啊，应该是非常有用和有效的，对不对啊，这样的话，咱们每次往站这个加消息的时候，我们的这个message啊，在收集消息的时候啊，每次都是展开，老的就把新的给合并进去。

啊，我们在这里会判断，如果这个消息，因为将来咱们除了join人group还有什么message别人给你发消息的啊，所以你到时候经过这个format内这个方法，哎，如果传进的UCID跟当前ID是一样的话呢，我们就返回一个我如果不一样的话，就返回内，内就是咱们之前的那一个昵称，你解构出来的那个昵是不？哎就这样的，好了，咱们在这的话重新的来编译一下，咱们看一下这次是不是你看攒的这个消息的话呢，应该是我的这个消息啊，来看一眼吧，是不是这样，大家在这里我们这个公告请大家文明发言，这个就是加入了群聊啊，很很好用啊，也非常的简单这一块对吧？内啊，所以在这如果将来不相等的话，咱们点的这个内这个值也没有问题，好，这就是我们这块收集消息，那现在消息都已经传到了这个message里面了，那剩下的就是咱们把这个message的消息的话呢，传。

传给咱们的组件，也就是我不可能都写在这里，我还是一样的，下面就是一个什么叫chat room这样一个组件，China room这个组件咱们也一样的，在我们的components文件夹下新建一个文件夹叫chat room呗，然后在这个chat room文件夹下新建一个叫chat room组件，然后呢，你把这个组件在注册在你自己的这里面来，所以在我这个Jason中啊，我又要来一个新的组组件chat room啊，然后对应的点点上一级，点点上一级下面的components文件夹下的chat room，哎呀，我这个单词怎么写错了呢？我给写成了差room了，好吧，错就错吧，大家也记得啊，我在这故意写错了一下啊，所以到时候你别写对了单词之后反而不好用了啊，所以在我们这里这个是对，你看这太坑人了啊，这个单词对这个这个就是错的啊，这个单词写的差的入。

啊，我在这创建的文件夹叫Cha，入这个的话叫chat room，这这是什么玩意，这都是啊，不行，强迫症这个出现了，我要给它改回来哈，给它改成这个chat room吧，这里面的话呢，是chat room啊，这这块就没有问题的，都好吧，那这样的话，在咱们这个呃，Live wx ML中，我写了一个chat room，进来之后应该能给它加载进来，是不是chat room来了啊，好了，这个chat room是没问题的，重新编译一下，我这个数据怎么没获取到呀，杨左这一块来进来之后呀，我这个数据出问题了，保存之后看看这里怎么这个数据这一块出了问题，我这块显示的都不好用来拆room。

点击这个养组，咦，好了，我刚才的话呢，重新的这个什么全部清一下，重新编一下就好了哈，列外的话呢，也是啊，就出现一些莫名其妙的问题的话呢，咱们只能找这个万能解决方案，要不然就清缓存，要不然就重启对不对，反正总有一招的话呢，是好用的，OK，这样来说的话呢，进来了啊，没有问题了，那就是这个拆的room这块，咱们给他什么呀，是不是得做点样式呀，咱们希望把这个拆的room的话，咱们给他fix在咱们的左下角的这个位置吧，啊，所以科文在这可能会需要写一个这个样式啊，在这里对给他class，就咱们的chat room，然后对于这个chat room的话呢，我给它放在我们的这个WX中，咱们给他写一下chat room a position的话呢，咱们给他写一个fix，然后对应的我们的这个，呃，写在我们BOTTOM100。

20PX的这个位置，咱们在这故意给它一个背景色，白色的宽度的话呢，是我们的五十一半吧，50这个VW，然后高度的话呢，咱们给他一个30VW，我先看一下这个布局的话呢，对不对，对吧？然后对应的这个left的话呢，是这个零，那它应该在左边这一个位置的话呢，显示出来，那就是咱们的聊天区，到的时候就在这个地方的话，不断的滚动去显示就可以了，是吧？嗯，咱们在这将这个层级的话呢，设置的大一点，将来的话呢，不被别人的话呢给盖住啊，200好了，那最终的话呢，这就是咱们这一个chat room这里，好，等将来的话，我们这个数据就放在这里，一点点的给它展示一点覆盖就行，但你也可以把这个高度的再设置的啊，高一点啊，这都没有没有问题，这个高度的话，我好像写的有点问题啊，位鱼齿啊，好了，这样来说这个高度还是差不多的啊，再就是如果溢出的话，咱们最好让它。

隐藏行样式的话呢，我就先加到这里来，那接下来的话呢，咱们就可以啊把这个组件的数据传过去，然后让这个组件来负责渲染咱们这些内容了呗，那接下来咱们就可以在我们live这live w SM调用的时候，咱们就把那个message咱们给它传过去，Me传过去之后在拆的room中，它是不是要接收这个属性呀，所以来到咱们Cha的room.GS中来，然咱们在这个属性中写一个message，好，然后对应的它的type类型，咱们给他指定好，它的type类型的话呢，是一个I数组吧，这次然后它的Y6值默认值给他一个Y6值啊，空数组啊，这个咱们再给他一个空数组的一个Y6值好了，这样来说的话，咱们就可以在拆的room啊这一个WSM2中，咱们开始写点咱们自己的代码了，另外在这里呢。

的话，咱们就可以来写一个什么呀，嗯，我之前就说过了哈，因为将来这个数据特别多，所以我们可以写一个scw view啊，写一个scll view，然后对应的在这里面的话，开始做咱们的布局的view啊，我们可以WX冒号four啊，对应的是我们的message，然后根据这个message啊长度遍利它N次K值的话，就用这个ID做K值的好，然后接下来的话呢，里面的这个内容咱们哎这样哈，咱们先写一点内容，看好不好用，就写一个item，点这一个name值吧，保存之后来重新的编译一遍，看看是不是这些信息啊，它至少它能够显示出来呗。啊这张图片又取了，有问题的重新编译一下，好，接下来点击杨左这一块，看看在左下角这块是不是出现了公告，还有这个我这个信息啊，这是没有问题的啊，然后咱们就在这里的话，可以去写了啊，根据不同的是公告。

还是我这块，咱们可以把这个布局的话呢，给他写一写，我们可以在这判断一下哈，因为将来我不可能直接就写在这里面，我这个。呃，公告的话就两个字，但是我的话前面好像我还放了张小图片啊，就是我们这个粉丝灯牌的这个小图片啊，几集粉丝是吧？嗯，好，我们在这可以判断一下，就是我写一个这个view啊，在这个view中的话呢，我去一个WX冒号if，我判断哈，如果这个item点太怕啊，等于等于一的时候列不对，这句话是什么意思？等于一就说明这里面放的应该是我们这个用户的信息，所以应该会有这个什么头像，然后再就是有这个什么呀名字，然后再就是有我们的这一个消息啊，加入群聊message这一个消息啊，所以应该是有这些东西的，对不对啊，然后如果这个再写一个view下面的话呢，再写一个WX冒号else的话呢，那里面的话就放两个文本，就是一个是我们的这个名字，其实这个公告两个字，那然后再就是我们的这个。

交些好了，这样来说的话，咱们可以来看一下item.typeb是咱们之前啊，在6.gs往里面添加的时候，咱们就已经指定好了的，对吧？Type等于一是普通的消息，Type等于二的话呢，是公告，那这样的话我在这个地方判断好就可以了，好在拆的room中头像这块，我这块用了一个头像是这个哈，Image r rage文件夹下的src指向是我们的下面，里面应该有一个叫LEVEL1啊，一级的粉丝啊，对应的一张图片，然后名字的话，咱们就给他来一个text，这个i.name然后再来一个消息的话，就是一个text，咱们来一个i.message就行了，对不好，接下来的话，这就是我们这一块的话，就正常的就是text，点我们的这个name啊，就是我们一个就是这个。

公告吧，啊，这一块text的话呢，我们来一个消息也是I啊，点message来另外看一下这里哈，就件代码，我们应该是遍利我们副组件给咱们传过来的这个message属性，然后我在这里设置了K啊，唯一不重复的K值是ID，如果是一的话，表示这是我们的头像信息啊，在这个头像信息这一块，咱们写一个冒号啊，就是谁发了什么言冒号啊，然后再就是这个，如果不是的话呢，WX冒号else的话呢，咱们就走这个else分支，然后在这里的话，咱们就写一个什么呀谁啊，这个应该是公告两个字是吧？啊公告，公告冒号，请大家文明发言，这块应该将来是显示的我啊可能你把这个小图标先给注释一下就能看见啊，就这种感觉好吧，那这样的话，咱们一保存之后来。

把这个图片给放出来加样式呗，加样式的话呢，给它控制一下这一块啊，这个样式的话并不复杂啊，咱们在这个view身上的话呢，咱们给它加上一个什么呀，呃，Class message item啊，然后对应的给下面这个一样加上去，给他们俩都加上去，Class message item，然后对于它的话，咱们给它加上一些样式啊就可以了，来再加这个样式，我们来到我们的WXS这一个文件啊messages iem，咱们给它加点这个判定值，判定的话呢，是个15R PX啊，20RPX上下啊，15左右的话呢，是这个20啊，然后对应的话，把放在size子设置小一点啊，放在size子咱们给它设置的小一点，给它12PX啊，对应的话呢，跟这个底部的话呢，也故意的留着一点距离，Magicin bottom好，那接下来的话，再把这个。

MSG中的这个image，咱们这它设置一下来吧，咱们给这个image的话，设置一下它的宽高的话是多少呀，宽度是这个30RPX，因为这张图片比较小哈，所以你可以按照比例的话给他算，或者是的话呢，你直接啊去设置成宽度固定高度自适外这个值啊，50RPS哎，我看一下这个图片是不是我设置有问题了，把这个咱们给它注调，然后来到我们这个拆的room中，我给它设置这个image的话，来这个Mo的属性吧，Wides等于这个fix啊这样的，但这个怎么这么小在我这里呀，我得把它给这个调整一下啊，在这个我们这个小图片宽度的话呢，给它设置成30PX啊，这张图片好像才能大一点了啊，咱们在这的话，再就对于我们这个内幕的话呢，还有咱们这个文字的话，咱们都给它设置一下怎么。

这么小啊，在这里我们可以在这个地方给它们加好这个class，等于这个name，然后这一块的话是咱们的这个text啊，咱们都给它分别的设置一些样式呗，来在这里。

好了，接下来我们可以对于这一个name的话呢，字给它设置的大一点啊，在这里的话呢，点message.name咱们给它放的size是这个14PX啊字体颜色的话呢，可能给它一个这个颜色是吧？啊9FE5FF这个颜色是吧？好了一保存之后是不是啊就变成了我们这里的这种感觉了，另外可以看一下在哪呢，在这儿啊公告的话呢，是这个蓝色的字，请大家文明发言啊，然后再就是我，然后再就加入了这一个群聊，是不是这种感觉就出来了呀啊虽然这个这个一级这个粉丝灯牌的话呢，显得对吧，这个这个确实这个比较大啊，你也可以给他再改小点，改成这个20能好一点，呃，20吧，嗯，好了，这就是我们这一块，好那接下来的话呢，咱们再想一想呀，我们现在做到的就是。

呃，根据我们这里所传的这个message这个数组啊，咱们负责呀，往这个Cha的入组这中传过来啊，数据都过来了，也都没有问题，咱们也布局出来了，但咱们可以想一想，如果这个数据将来变得特别多了情况下的话，你说你这个地方这个显示的话呢，还能是这种效果吗？对吧，你看咱们现在我这个地方也显示的只有两条数据不多啊，那咱们如果这个数据变多了情况下的话，那会怎么样一个情况呢？哎，可能可以在这里给大家来测试一下啊，就是在我们这个六务点GS中啊，咱们多弄一点数据出来啊，咱们把这个数据的话呢，给他多加几条，就是在这个加入群聊之后吧，这个地方我往这个数组里面多push几份呗，来在这里一份两份三份四份五份六份七份八份，好，我故意加了这么多数据，但是我在加的时候，我也不能老重复的去加，太不等于一是固定。

懂吧，Name这块我也可以让他固定，但这个消息咱们给他加成1ID是一，然后这个是二，这个是二，然后这个的话呢，是这个加入群聊，三这个ID是三怎样，它ID不一样呀，四然后四然后对应的这块的话是五啊五然后这块的话是六，然后对应的这块是六，然后这一块的话呢是七，这块是七，然后这一块的话呢是八，这块是八，好了，保存之后这体力活干的啊，一保存重新编译一下，咱们这个看一下，如果数据变多了会怎么样啊，你重新再编译一下啊，编译一下之后大家可以看一下，你看看这个，如果数据变多了之后，咱们只能显示出来这些，你看到了这个三下面就显示不出来，就被盖住了，就啊，所以这是咱们这个最大的问题了啊，那这个时候有人说科文，这就是你的问题了，你可以这样呀，怎么样呀，我可以在我们这个sc view中的话，把这个SCY让他支持在。

Y轴的一个滚动设置成什么呀？触这个尺，这不就是在Y轴滑了吗？来最划，哎，看看划不动这里啊，这是咱们4SC有最大的一个问题的，千万别忘了哈，Sc view要想滑起来的话呢，必须怎么样列位，要想让这个sc view啊支持这一个滑动，你得给他一个宽度啊，再给他一个高度啊，当然你要在宽度这个要水平滑就得给他宽度，要是在这个竖值方向滑，就得给他这个高度啊，咱们在这也给他一个高度，这个最大的高度，我是一个最大高度就行了，跟咱们之前那个一样，30VH跟外面那个是一样的最大高度，30V你可以小，但是最大就30VH，那这样的话，如果超出的话呢，哎，他才自己想了想说，哎哟，那就在Y轴可以进行可以滑动吧，诶就这种感觉就出来了，对不对，这样就出来了啊，所以这一块的话呢，是咱们想要说的这个问题，好这个问题的话呢，还算比较好解决，但大家可以想一下。

好，我们如果遇到了是将来消息的话呢，肯定会变得越来越多，咱们进来之后，那消息不断的是往哪加的呀，往MY中去加，但咱们在这便利的时候，这个message的话呢，最新的消息他可不是在上面的，他是在下面这块，咱们也都玩过抖音消息都是在下面这块显示的，对不对，然后是最新消息来，但是咱们每次便利是从上面便利的，他就这么高，所以你这块你只能滚到最后去看这个消息，那这个问题就来了，咱能不能每一次啊，然后让他来新消息呢，就让他自己滚动到这个底部来展示这个新消息呢，你说要能做到这一点的话呢，咱们这个过程的话呢，哎，就做的就非常好了，因为咱们现在在考虑到这个问题，将来的话呢，这消息只会越来越多是不啊，所以我们就得想能不能让它自动的滚平啊，消息一来就自动滚到最新消息这一块往上滚啊，所以咱们再做一下这个有。

化处理，咱们在下一小节来看一下，咱们怎么来做这个优化呢？