Zincirler
Zincirler
Zincirleri özelleştirme
RainbowKit, wagmi’nin chain nesnesi ile entegre olacak şekilde tasarlanmıştır. Desteklenen zincirlerin listesine göz atın here.
Varsayılan olarak, RainbowKit, Wagmi'ye sağlanan ilk zincire bağlanacaktır. Bu davranış, initialChain prop aracılığıyla özelleştirilebilir.
İlk zincir, bir zincir ID'si kullanılarak yapılandırılabilir.
<RainbowKitProvider initialChain={1}>
Bir kolaylık olarak, ayrıca bir zincir nesnesi geçirebilirsiniz.
<RainbowKitProvider initialChain={mainnet}>
Birçok zincir simgesi ve arka plan varsayılan olarak sağlanır, ancak her zincir için simge ve arka planı iconUrl ve iconBackground özelliklerini kullanarak özelleştirebilirsiniz.
getDefaultConfig ile örnek
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 ile örnek
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,
});
