跳到主要内容

画板

选择画板

每个 Rive 文件(.riv)可以包含多个画板。你可以根据想要的 Rive 文件「片段」或视图在运行时指定要渲染的画板。

export const Simple = () => (
<Rive src="https://cdn.rive.app/animations/vehicles.riv" artboard="Truck" />
);

// 使用 `useRive` Hook:
export default function Simple() {
const { RiveComponent } = useRive({
src: 'https://cdn.rive.app/animations/vehicles.riv',
artboard: 'Truck',
autoplay: true,
});

return <RiveComponent />;
}