Rainbow logo
RainbowKit
2.2.10

سلاس (Chains)

سلاس (Chains)

تخصيص السلاسل (Customizing chains)

تم تصميم RainbowKit ليتكامل مع كائن Wagmi chain. تحقق من قائمة السلاسل المدعومة هنا.

افتراضيًا، سيتصل 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,
});