创建超级白板

implementation 'androidx.appcompat:appcompat:1.3.1'
implementation 'com.google.android.material:material:1.4.0'
implementation 'org.jetbrains.kotlin:kotlin-stdlib-jdk8:1.4.30'

<!-- SDK 必须使用的权限 -->
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />

-keep class im.zego.zegowhiteboard.**{*;}
-keep class im.zego.zegodocs.**{*;}
-keep class im.zego.superboard.**{*;}

import ZegoExpressEngine from 'zego-express-engine-whiteboard-reactnative';
import ZegoSuperBoardManager, {ZegoSuperBoardRenderView} from 'zego-superboard-reactnative';

// 采用通用场景
const profile = {
    appID: YOURAPPID,
    // AppSign 可通过[控制台](https://console.zego.im/dashboard)获取
    appSign: 'YOURAPPSIGN',
    scenario : 0
};

ZegoExpressEngine.createEngineWithProfile(profile)

const superboardConfig = {
  appID: YOURAPPID,
  appSign: 'YOURAPPSIGN',
};

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

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

    // 获取实例
    var zegoSuperBoard = ZegoSuperBoardManager.getInstance()
    zegoSuperBoard.on('error', function(errorData) {
        // 错误码，错误提示语
        console.log(errorData.code, errorData.message)
    });

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

    // 监听远端新增白板
    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) {});

    // 监听远端白板权限变更
    zegoSuperBoard.on("remoteSuperBoardAuthChanged", function (data) {});

    // 监听远端白板图元权限变更
    zegoSuperBoard.on("remoteSuperBoardGraphicAuthChanged", function (data) {});

// 登录房间
ZegoExpressEngine.instance().loginRoom('room1', {'userID': 'id1', 'userName': 'user1'});

// 以下为常用的房间相关回调

ZegoExpressEngine.instance().on('roomStateUpdate', (roomID, state, errorCode, extendedData) => {
  // 房间状态更新回调，登录房间后，当房间连接状态发生变更（如出现房间断开，登录认证失败等情况），SDK会通过该回调通知
}); ;

<ZegoSuperBoardRenderView ref={refContainer} style={{ height: 500, width: 300 } />

// 登录房间成功后才可创建纯白版

// 登录成功后，需将该区域传入
const tag = findNodeHandle(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,// 页高
});

// 登录房间成功后才可创建文件白板
// Get Instance
var zegoSuperBoard = ZegoSuperBoardManager.getInstance()
const res = await zegoSuperBoard.createFileView({
    fileID,
});

// 销毁后 SDK 内部会自动切换到另外一个白板。展示的白板为销毁白板的上一个
// subViewModel 是白板共享列表 ZegoSuperBoardManager.getInstance().querySuperBoardSubViewList() 中的一个 model
// Get Instance
var zegoSuperBoard = ZegoSuperBoardManager.getInstance()
const result = await zegoSuperBoard.destroySuperBoardSubView(uniqueID)

engine.logoutRoom(roomID);

ZegoSuperBoardManager.getInstance().unInit();

ZegoExpressEngine.destroyEngine();

maven { url 'https://maven.aliyun.com/repository/public' }
maven { url 'https://maven.aliyun.com/repository/google' }
maven { url 'https://maven.aliyun.com/repository/gradle-plugin' }