消息渲染组件

import TUIBarrage

let barrageDisplayView = BarrageStreamView(roomId: roomId)
// ...此处将barrageInputView添加到您的父视图上并调整布局

barrageDisplayView.setOwnerId(ownerId)

BarrageDisplayController _displayController = BarrageDisplayController(
                roomId: "liveRoomId",             /// liveRoomId   替换为您的直播间ID
                ownerId:  "liveOwnerId",          /// liveOwnerId  替换为您的直播间主播ID 
                selfUserId: "selfUserId",         /// selfUserId   替换为您的当前登录的用户ID
                selfName: "selfUserName";         /// selfUserName 替换为您的当前登录的用户昵称
BarrageDisplayWidget(controller: _displayController);

import TUIBarrage
import RTCCommon

// 示例1：在弹幕区插入一条礼物消息
let barrage = TUIBarrage()
barrage.content = "gift"
barrage.user.userId = "sender.userId"
barrage.user.userName = "sender.userName"
barrage.user.avatarUrl = "sender.avatarUrl"
barrage.user.level = "sender.level"

let giftCount = 1
barrage.extInfo["TYPE"] = AnyCodable("GIFTMESSAGE")
barrage.extInfo["gift_name"] = AnyCodable("gift.giftName")
barrage.extInfo["gift_count"] = AnyCodable(giftCount)
barrage.extInfo["gift_icon_url"] = AnyCodable("gift.imageUrl")
barrage.extInfo["gift_receiver_username"] = AnyCodable("receiver.userName")

barrageDisplayView.insertBarrages([barrage])

BarrageUser barrageUser = BarrageUser();
barrageUser.userId = "enterRoomUserId";            /// 弹幕上展示的用户Id信息
barrageUser.userName = "enterRoomUserName";        /// 弹幕上展示的用户昵称信息
barrageUser.avatarUrl = "enterRoomUserAvatar";     /// 弹幕上展示的用户头像信息
barrageUser.level = "66";                          /// 弹幕上展示的用户等级信息

Barrage barrage = Barrage();
barrage.user = barrageUser;
barrage.content = "进入房间";                       /// 弹幕上展示的文本内容
_displayController.insertMessage(barrage);


import TUIBarrage

class MyViewController: BarrageStreamViewDelegate {
    let barrageDisplayView = BarrageStreamView(roomId: roomId)

    override func viewDidLoad() {
        super.viewDidLoad()
        barrageDisplayView.delegate = self  // 设置BarrageStreamView的代理
        
        // ...
    }


    func onBarrageClicked(user: TUIUserInfo) {
        // 此处您可添加弹幕消息点击事件处理逻辑，user为消息发送者信息
    }
    
    func barrageDisplayView(_ barrageDisplayView: BarrageStreamView, createCustomCell barrage: TUIBarrage) -> UIView? {
        // 是否需要使用自定义UI，如不需要返回 nil 即可
        guard let type = barrage.extInfo["TYPE"], type.value as? String == "GIFTMESSAGE" else {
            return nil
        }
        
        // 返回自定义消息样式UI（礼物回显）
        return CustomBarrageView(barrage: barrage)
    }
}


// 自定义UI
class CustomBarrageView: UIView {
    let barrage: TUIBarrage
    init(barrage: TUIBarrage) {
        self.barrage = barrage
        super.init(frame: .zero)
    }

    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    // ...此处布局与绘制您自己的UI
}


/// 1、定义一个自定义弹幕 item 构建器
class GiftBarrageItemBuilder extends CustomBarrageBuilder {
  @override
  Widget buildWidget(BuildContext context, Barrage barrage) { /// 当 shouldCustomizeBarrageItem 返回true时，自定义Widget
    return const Text(
      barrage.content,
      style: TextStyle(fontSize: 18, fontWeight: FontWeight.w700, color: Colors.red),
    );
  }

  @override
  bool shouldCustomizeBarrageItem(Barrage barrage) {    /// 当弹幕消息的数据模型，判断当前弹幕消息是否需要自定义
    if (barrage.extInfo.keys.isNotEmpty) {
      return true;
    }
    return false;
  }
}

/// 2、给 BarrageDisplayWidget 设置 setCustomBarrageBuilder
_displayController.setCustomBarrageBuilder(GiftBarrageItemBuilder());