Ketten
Ketten
Anpassen von Ketten
RainbowKit ist dafür ausgelegt, mit wagmis chain Objekt zu interagieren. Schauen Sie sich die Liste der unterstützten Ketten hier an.
Standardmäßig verbindet sich RainbowKit mit der ersten an Wagmi übergebenen Kette. Dieses Verhalten kann über die initialChain Eigenschaft angepasst werden.
Die initiale Kette kann mithilfe einer Ketten-ID konfiguriert werden.
<RainbowKitProvider initialChain={1}>
Bequemlicherweise können Sie auch ein Kettenobjekt übergeben.
<RainbowKitProvider initialChain={mainnet}>
Standardmäßig werden mehrere Kettensymbole und Hintergründe bereitgestellt, aber Sie können das Symbol und den Hintergrund für jede Kette mit den Eigenschaften iconUrl und iconBackground anpassen.
Beispiel mit 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',
},
],
});
Beispiel mit 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,
});
