布局

控制图形在画布内的布局方式。

将 Fit 和 Alignment 传递给 RiveWidget 组件。

return RiveWidget(
  controller: controller,
  fit: Fit.contain,
  alignment: Alignment.center,
);

或者，你也可以直接在任意 RivePainter（如 RiveWidgetController）上设置 fit 和 alignment 属性：

final controller = RiveWidgetController(riveFile);
controller.fit = Fit.contain;
controller.alignment = Alignment.center;

响应式布局

将 Fit.layout 传递给 RiveWidget 组件。这将自动缩放和调整画板大小以匹配组件尺寸。 你还可以设置 layoutScaleFactor 来控制画板的缩放比例。这在调整使用 Fit.layout 的画板大小时非常有用。

return RiveWidget(
  controller: controller,
  fit: Fit.layout,
  layoutScaleFactor: 2.0, // 可选：2 倍布局缩放,
);

或者，你也可以直接在任意 RivePainter（如 RiveWidgetController）上设置 fit 和 layoutScaleFactor 属性：

final controller = RiveWidgetController(riveFile);
controller.fit = Fit.layout;
controller.layoutScaleFactor = 2.0; // 可选：2 倍布局缩放