跳到主要内容

画板

在加载 Rive 文件后,在运行时选择要渲染的画板。

创建画板

手动创建画板:

// 默认画板
final artboard = riveFile.defaultArtboard();
// 按名称
final artboard = riveFile.artboard('My Artboard');
// 按索引
final artboard = riveFile.artboardAt(0);

指定画板

RiveWidgetControllerRiveWidgetBuilder 中指定要使用的画板:

// 默认画板
final artboardSelector = ArtboardSelector.byDefault();
// 按名称
final artboardSelector = ArtboardSelector.byName('My Artboard');
// 按索引
final artboardSelector = ArtboardSelector.byIndex(0);

// 传递给 RiveWidgetController
final controller = RiveWidgetController(
riveFile,
artboardSelector: artboardSelector,
);

// 传递给 RiveWidgetBuilder
return RiveWidgetBuilder(
fileLoader: fileLoader,
artboardSelector: ArtboardSelector.byName('My Artboard'),
builder: (context, state) {
// 返回一个组件
},
);