ios - JSQMessagesViewController 在聊天中不显示气泡图像

Question

我在 Objective-C 中的项目使用 JSQMessagesViewController 进行 Firebase 聊天，但气泡图像不附带消息。JSQMessagesViewController 和 Firbase 通过 Pod 集成。

请帮帮我。

Answer 1

创建方法初始化发送者和接收者的颜色，如下面的代码:

  - (JSQMessagesBubbleImage *) setupOutgoingBubble {
    JSQMessagesBubbleImageFactory *bubbleImageFactory = [[JSQMessagesBubbleImageFactory alloc] init];
    JSQMessagesBubbleImage * imgBubble = [bubbleImageFactory outgoingMessagesBubbleImageWithColor:[UIColor blueColor]];//jsq_messageBubbleBlueColor return imgBubble;
    return imgBubble;
}

- (JSQMessagesBubbleImage *) setupIncomingBubble {
    JSQMessagesBubbleImageFactory *bubbleImageFactory = [[JSQMessagesBubbleImageFactory alloc] init];
    JSQMessagesBubbleImage * imgBubble = [bubbleImageFactory outgoingMessagesBubbleImageWithColor:[UIColor greenColor]];//jsq_messageBubbleBlueColor return imgBubble;
    return imgBubble;
}




- (void)setupBubbleColors {
    self.incomingBubbleImageData = [self setupIncomingBubble];
    self.outgoingBubbleImageData = [self setupOutgoingBubble];
}

然后在 viewDidLoad 中调用上面的方法，如下所示

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    [self setupBubbleColors];

}

和 id JSQMessageBubbleImageDataSource 委托(delegate)返回适当的图像，如下所示

- (id<JSQMessageBubbleImageDataSource>)collectionView:(JSQMessagesCollectionView *)collectionView
             messageBubbleImageDataForItemAtIndexPath:(NSIndexPath *)indexPath {
    Message *message = [_messages objectAtIndex:indexPath.row];
    NSLog(@"%@", message.type);
    if(message.isOwnMessageValue) {
        return self.outgoingBubbleImageData;
    }
    else return self.incomingBubbleImageData;
}

输出如下所示