Rainbow logo
RainbowKit
2.2.4

السلاسل

السلاسل

تخصيص السلاسل

تم تصميم RainbowKit للتكامل مع كائن chain الخاص بـ wagmi. تحقق من قائمة السلاسل المدعومة here.

بشكل افتراضي، سيقوم RainbowKit بالاتصال بالسلسلة الأولى المقدمة إلى Wagmi. يمكن تخصيص هذا السلوك عبر خاصية initialChain.

يمكن تكوين السلسلة الأولية باستخدام معرف السلسلة.

<RainbowKitProvider initialChain={1}>

للراحة، يمكنك أيضًا تمرير كائن السلسلة.

<RainbowKitProvider initialChain={mainnet}>

يتم توفير العديد من أيقونات السلاسل والخلفيات بشكل افتراضي، ولكن يمكنك تخصيص أيقونة وخلفية كل سلسلة باستخدام خاصيتي iconUrl و iconBackground.

مثال مع 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,
});