Ketten
Ketten
Anpassen von Ketten
RainbowKit ist darauf ausgelegt, sich mit dem wagmi chain Objekt zu integrieren. Schauen Sie sich die Liste der unterstützten Ketten hier an.
Standardmäßig wird RainbowKit die erste an Wagmi gelieferte Kette verbinden. Dieses Verhalten kann über die initialChain Eigenschaft angepasst werden.
Die ursprüngliche Kette kann mit einer Ketten-ID konfiguriert werden.
<RainbowKitProvider initialChain={1}>
Als praktische Lösung können Sie auch ein Kettenobjekt übergeben.
<RainbowKitProvider initialChain={mainnet}>
Mehrere Kettensymbole und Hintergründe werden standardmäßig bereitgestellt, aber Sie können das Symbol und den Hintergrund für jede Kette über die 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,
});
