Các chuỗi
Các chuỗi
Tùy chỉnh chuỗi
RainbowKit được thiết kế để tích hợp với đối tượng chain của wagmi. Xem danh sách các chuỗi được hỗ trợ tại đây.
Theo mặc định, RainbowKit sẽ kết nối với chuỗi đầu tiên được cung cấp cho Wagmi. Hành vi này có thể tùy chỉnh qua thuộc tính initialChain.
Chuỗi khởi đầu có thể được cấu hình bằng ID chuỗi.
<RainbowKitProvider initialChain={1}>
Để tiện lợi, bạn cũng có thể chuyển một đối tượng chuỗi.
<RainbowKitProvider initialChain={mainnet}>
Một số biểu tượng và hình nền chuỗi được cung cấp theo mặc định, nhưng bạn có thể tùy chỉnh biểu tượng và nền cho từng chuỗi bằng các thuộc tính iconUrl và iconBackground.
Ví dụ với 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',
},
],
});
Ví dụ với 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,
});
