Rainbow logo
RainbowKit
2.2.4

เชื่อมโยง

เชื่อมโยง

ปรับแต่งเชื่อมโยง

RainbowKit ถูกออกแบบมาเพื่อรวมกับ object chain ของ wagmi. ตรวจสอบรายการของสร้อยที่รองรับ ที่นี่.

โดยค่าเริ่มต้น RainbowKit จะเชื่อมต่อกับเชนแรกที่ได้รับจาก Wagmi โดยค่าเริ่มต้น RainbowKit จะเชื่อมต่อกับเชนแรกที่ได้รับจาก Wagmi พฤติกรรมนี้สามารถปรับแต่งได้ผ่าน prop initialChain พฤติกรรมนี้สามารถปรับแต่งได้ผ่าน prop initialChain

สายเริ่มต้นสามารถกำหนดค่าได้โดยใช้ ID ของสาย

<RainbowKitProvider initialChain={1}>

เพื่อความสะดวก, คุณสามารถส่งผ่าน chain object

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