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