创建多个白板并切换

// 请先完成 SDK 的集成再运行下面的代码
// 初始化 ZegoExpressEngine
// 以下初始化的示例代码建议放在应用启动时执行
// 采用通用场景
const profile = {
    appID : xxx,
    // AppSign 仅满足简单的鉴权需求，如果需要升级为更加安全的鉴权方式，请参考[如何从 AppSign 鉴权升级为 Token 鉴权](https://doc-zh.zego.im/faq/token_upgrade?product=ExpressVideo&platform=all)
    // AppSign 可通过[控制台](https://console.zego.im/dashboard)获取，格式为 @"39011cbxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
    appSign: '39011cbxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx',
    scenario : 0
};

var engine = ZegoExpressEngine.createEngineWithProfile(profile)

if (engine != null) {
    var superboardConfig = {
      appID: YOURAPPID,
      appSign: 'YOURAPPSIGN',
    };

initSuperboad = async () => {
    // 初始化 ZegoSuperBoard SDK
    const superboard_init_res = await ZegoSuperBoardManager.init(superboardConfig);
    // 初始化结果
    console.log('Result', superboard_init_res);
  };
initSuperboad()
}

// 登录房间的前提是已经成功初始化Express SDK
// 开始登录房间
engine.loginRoom('room1', {'userID': 'id1', 'userName': 'user1'});

<ZegoSuperBoardRenderView ref={this.refContainer} style={[styles.boardView]} />

// 登录房间成功后，需将该区域传入，仅需操作一次
const tag = findNodeHandle(this.refContainer.current);
    await ZegoSuperBoardManager.setContainerView({
      reactTag: tag,
    });

// 以下示例代码定义两个封装方法，可以分别实现创建纯白板和创建文件白板的功能

/**
 * 创建纯白板
 */
var zegoSuperBoard = ZegoSuperBoardManager.getInstance()

const res = await zegoSuperBoard.createWhiteboardView({
    name: 'test whiteboard', // 创建的白板名称
    pageCount: 5, // 创建的白板页数
    perPageWidth: 960, // 页宽
    perPageHeight: 540,// 页高
});

/**
 * 创建指定文件白板
 * 动态 PPT、Excel 等文件白板都可通过此方法创建
 * @param fileID 文件 ID，上传文件转码成功后可以拿到
 */
var zegoSuperBoard = ZegoSuperBoardManager.getInstance()
const res = await zegoSuperBoard.createFileView({
    fileID,// 文件id
});

// 常用的 SuperBoard 相关回调
// SuperBoard 自动实现了多端同步能力，远端通知回调内只需刷新本地UI逻辑即可。
// 监听错误回调，SDK 内部错误均通过此回调抛出，除了直接在接口中直接返回的错误外

    // 获取实例
    var zegoSuperBoard = ZegoSuperBoardManager.getInstance()

    // 监听远端新增白板
    zegoSuperBoard.on('remoteSuperBoardSubViewAdded', function(name,createTime,fileID,fileType,uniqueID,whiteboardIDList) {

    });

    // 监听远端销毁白板
    zegoSuperBoard.on('remoteSuperBoardSubViewRemoved', function(name,createTime,fileID,fileType,uniqueID,whiteboardIDList) {

    });

    // 监听远端切换白板
    zegoSuperBoard.on('remoteSuperBoardSubViewSwitched', function(uniqueID) {

    });

     // 获取实例
    var zegoSuperBoard = ZegoSuperBoardManager.getInstance()

    // 监听白板翻页、滚动
    zegoSuperBoard.on('scrollChange', function(name,createTime,fileID,fileType,uniqueID,whiteboardIDList,currentPage,pageCount) {

    });

// A 端操作
// 获取实例
var zegoSuperBoard = ZegoSuperBoardManager.getInstance()
// 切换 Excel 到第二个 sheet
await zegoSuperBoard.getSuperBoardView().switchSuperBoardSubViewWithSheetIndex(model2.uniqueID,1);

// A 端操作
// 获取实例
var zegoSuperBoard = ZegoSuperBoardManager.getInstance()
await zegoSuperBoard.getSuperBoardView().switchSuperBoardSubView(model2.uniqueID);

// 如需本端和对端缩放同步
ZegoSuperBoardManager.getInstance().enableSyncScale(true);// 同步缩放至其他端
ZegoSuperBoardManager.getInstance().enableResponseScale(true);// 响应其他端同步过来的缩放

// A 端操作
// 切换至目标白板
var zegoSuperBoard = ZegoSuperBoardManager.getInstance()
await zegoSuperBoard.getSuperBoardView().switchSuperBoardSubView(uniqueID);

// 默认白板工具为画笔，如需设置其他工具类型，请调用 setToolType 接口
// 举例：设置白板工具为文本，然后点击白板上想要显示文本的位置后输入文本即可
zegoSuperBoard.setToolType(2)

// 获取当前显示的白板
var curSubView = zegoSuperBoardSubView.getSuperBoardView().getCurrentSuperBoardSubView();