Documentation
Ae2SkyChestScreen
ME 天空石箱:skychest.png 176×195,36 格存储(9 列 ×4 行)。
ME 天空石箱物品栏
import { Ae2SkyChestScreen } from "./index";
/**
* Ae2SkyChestScreen 预览用例:空 36 格存储 + 满背包。
*/
export function Ae2SkyChestScreenDemo() {
return (
<Ae2SkyChestScreen
hotbarItems={Array.from({ length: 9 }, (_, index) => ({ icon: index % 2 ? "charcoal" : "iron-ingot" }))}
mainItems={Array.from({ length: 27 }, (_, index) => ({ icon: index % 3 === 0 ? "gold-ingot" : (index % 3 === 1 ? "iron-ingot" : "diamond") }))}
/>
);
}
Install
$pnpm add @tennantite/ae2npm installs the compiled package; use the CLI copy above to adapt the source.
Source
packages/ae2/src/ae2-sky-chest-screen/index.tsxThe npm package keeps the source tree, so you can copy and adapt it directly.