链

自定义链

RainbowKit 旨在与 wagmi 的 chain 对象集成。查看支持的链列表 here。

自定义初始链

默认情况下，RainbowKit 将连接到提供给 Wagmi 的第一个链。可以通过initialChain属性自定义此行为。

可以使用链ID配置初始链。

<RainbowKitProvider initialChain={1}>

为方便起见，您也可以传递一个链对象。

<RainbowKitProvider initialChain={mainnet}>

定制链图标

默认提供了几个链图标，但您可以使用iconUrl属性为每个链定制图标。

使用getDefaultConfig的例子：

import { mainnet, optimism } from 'wagmi/chains';

const config = getDefaultConfig({
  chains: [
    {
      ...mainnet,
      iconBackground: '#000',
      iconUrl: 'https://example.com/icons/ethereum.png',
    },
    {
      ...optimism,
      iconBackground: '#ff0000',
      iconUrl: 'https://example.com/icons/optimism.png',
    },
  ],
});

使用createConfig的例子：

import { mainnet, optimism } from 'wagmi/chains';
import { Chain } from '@rainbow-me/rainbowkit';

const chains: readonly [Chain, ...Chain[]] = [
  {
    ...mainnet,
    iconBackground: '#000',
    iconUrl: 'https://example.com/icons/ethereum.png',
  },
  {
    ...optimism,
    iconBackground: '#ff0000',
    iconUrl: 'https://example.com/icons/optimism.png',
  },
];

const config = createConfig({
  chains,
});

概览

入门

高级

链

自定义链

自定义初始链

定制链图标