Rainbow logo
RainbowKit
2.2.10

Rantai-rantai

Rantai-rantai

Menyesuaikan rantai-rantai

RainbowKit direka bentuk untuk berintegrasi dengan objek chain wagmi. Sila lihat senarai rantai yang disokong di sini.

Secara lalai, RainbowKit akan bersambung kepada rantai pertama yang dibekalkan kepada Wagmi. Tingkah laku ini boleh diubah suai melalui initialChain prop.

Rantai permulaan boleh dikonfigurasikan menggunakan ID rantai.

<RainbowKitProvider initialChain={1}>

Sebagai kemudahan, anda juga boleh memindahkan objek rantai.

<RainbowKitProvider initialChain={mainnet}>

Beberapa ikon dan latar belakang rantai disediakan secara lalai, tetapi anda boleh menyesuaikan ikon dan latar belakang untuk setiap rantai menggunakan sifat iconUrl dan iconBackground.

Contoh dengan 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',
},
],
});

Contoh dengan 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,
});