Rainbow logo
RainbowKit
2.2.4

Özel Cüzdan Listesi

Özel Cüzdan Listesi

Cüzdan listesini özelleştirme

'@rainbow-me/rainbowkit/wallets' dan tek tek cüzdanları connectorsForWallets fonksiyonu ile birlikte alabilir ve kendi cüzdan listenizi gerekli bağlantılarıyla birlikte oluşturabilirsiniz. Bu şekilde hangi cüzdanların gösterileceği ve hangi sırada gösterileceği konusunda tam kontrolünüz olur.

Örneğin, sadece Rainbow ve genel yedek cüzdanları göstermeyi seçebilirsiniz.

import { connectorsForWallets } from '@rainbow-me/rainbowkit';
import { rainbowWallet, walletConnectWallet, } from '@rainbow-me/rainbowkit/wallets';
const connectors = connectorsForWallets(
[
{
groupName: 'Recommended',
wallets: [rainbowWallet, walletConnectWallet],
},
],
{
appName: 'My RainbowKit App',
projectId: 'YOUR_PROJECT_ID',
}
);

Ardından konnektörlerinizi Wagmi'nin createConfig'ine geçirebilirsiniz.

import { connectorsForWallets } from '@rainbow-me/rainbowkit';
import { createConfig } from 'wagmi';
const connectors = connectorsForWallets(/* ... */);
const config = createConfig({
connectors,
{/* Wagmi config */}
});
const queryClient = new QueryClient();
const App = () => (
<WagmiProvider config={config}>
<QueryClientProvider client={queryClient}>
<RainbowKitProvider {...etc}>
{/* Your App */}
</RainbowKitProvider>
</QueryClientProvider>
</WagmiProvider>
);

Aşağıdaki cüzdanlar wallet nesnesi üzerinden sağlanır.

Aşağıdaki cüzdanlar, belirli uygulamalardan ziyade genel bağlantı metotlarına odaklanmıştır. Sonuç olarak, bu cüzdanların her zaman dahil edilmesi önerilir.

Bu, listeye başka bir cüzdan tarafından sağlanmamış olan CüzdanBağlantısı tabanlı cüzdanlar için tasarlanmış bir yedek cüzdan seçeneğidir.

Tüm CüzdanBağlantısı tabanlı cüzdanların desteklendiğini garantilemek için bu cüzdanı her zaman listenize dahil etmeniz önerilir.

import { walletConnectWallet } from '@rainbow-me/rainbowkit/wallets';

window.ethereum var olduğu ancak listenizde başka bir cüzdan tarafından sağlanmadığı senaryolar için tasarlanmış bir yedek cüzdan seçeneğidir. Bu cüzdan, yedek olarak gerekli olmadığında veya kullanılabilir bir enjekte edilmiş cüzdan olmadığında otomatik olarak kendini listeden gizleyecektir.

Safe Wallet

import { injectedWallet } from '@rainbow-me/rainbowkit/wallets';

Safe seçeneği sadece Safe Wallet tarayıcı ortamında görünecektir. Safe seçeneği yalnızca Safe Cüzdan tarayıcı ortamında görünecektir.

import { safeWallet } from '@rainbow-me/rainbowkit/wallets';

Aşağıdaki cüzdanlar wallet nesnesi aracılığıyla sağlanır (alfabetik sıraya göre).

import { oneInchWallet } from '@rainbow-me/rainbowkit/wallets';
import { argentWallet } from '@rainbow-me/rainbowkit/wallets';
import { berasigWallet } from '@rainbow-me/rainbowkit/wallets';
import { bestWallet } from '@rainbow-me/rainbowkit/wallets';
import { binanceWallet } from '@rainbow-me/rainbowkit/wallets';
import { bitgetWallet } from '@rainbow-me/rainbowkit/wallets';
import { bifrostWallet } from '@rainbow-me/rainbowkit/wallets';
import { bitskiWallet } from '@rainbow-me/rainbowkit/wallets';
import { bitverseWallet } from '@rainbow-me/rainbowkit/wallets';
import { bloomWallet } from '@rainbow-me/rainbowkit/wallets';
import { braveWallet } from '@rainbow-me/rainbowkit/wallets';
import { bybitWallet } from '@rainbow-me/rainbowkit/wallets';

Bu cüzdan konnektörü hem Coinbase Wallet uygulamasını hem de eklentisini ayrıca Web üzerinde Coinbase Smart Wallet'ı destekler.

Smart Wallet, Haziran başında herhangi bir ek yükseltme olmadan varsayılan olarak hepsi ile etkinleştirilecektir. Tercihe dayalı davranış burada belgelenmiştir.

Smart Wallet, erken Haziran'da herhangi bir ek yükseltme yapmadan all ile varsayılan olarak etkinleştirilecektir.

Geliştiriciler, smartWalletOnly ayarını yaparak ve coinbaseWallet'i cüzdan listesine dahil ederek bugün sepolia ve baseSepolia zincirlerinde Smart Wallet'ı test edebilirler:

import { coinbaseWallet } from '@rainbow-me/rainbowkit/wallets';
// Enable Coinbase Smart Wallet for testing
coinbaseWallet.preference = 'smartWalletOnly';
import { coin98Wallet } from '@rainbow-me/rainbowkit/wallets';
import { compassWallet } from '@rainbow-me/rainbowkit/compassWallet';
import { coreWallet } from '@rainbow-me/rainbowkit/wallets';
import { dawnWallet } from '@rainbow-me/rainbowkit/wallets';
import { enkryptWallet } from '@rainbow-me/rainbowkit/wallets';
import { foxWallet } from '@rainbow-me/rainbowkit/wallets';
import { frameWallet } from '@rainbow-me/rainbowkit/wallets';
import { frontierWallet } from '@rainbow-me/rainbowkit/wallets';
import { gateWallet } from '@rainbow-me/rainbowkit/wallets';
import { imTokenWallet } from '@rainbow-me/rainbowkit/wallets';
import { iopayWallet } from '@rainbow-me/rainbowkit/wallets';
import { kaiaWallet } from '@rainbow-me/rainbowkit/wallets';
import { kaikasWallet } from '@rainbow-me/rainbowkit/wallets';
import { krakenWallet } from '@rainbow-me/rainbowkit/wallets';
import { kresusWallet } from '@rainbow-me/rainbowkit/wallets';
import { ledgerWallet } from '@rainbow-me/rainbowkit/wallets';
import { magicEdenWallet } from '@rainbow-me/rainbowkit/wallets';
import { mewWallet } from '@rainbow-me/rainbowkit/wallets';
import { metaMaskWallet } from '@rainbow-me/rainbowkit/wallets';
import { okxWallet } from '@rainbow-me/rainbowkit/wallets';
import { omniWallet } from '@rainbow-me/rainbowkit/wallets';
import { oneKeyWallet } from '@rainbow-me/rainbowkit/wallets';
import { paraSwapWallet } from '@rainbow-me/rainbowkit/wallets';
import { phantomWallet } from '@rainbow-me/rainbowkit/wallets';
import { rabbyWallet } from '@rainbow-me/rainbowkit/wallets';
import { rainbowWallet } from '@rainbow-me/rainbowkit/wallets';
import { ramperWallet } from '@rainbow-me/rainbowkit/wallets';
import { roninWallet } from '@rainbow-me/rainbowkit/wallets';
import { safeheronWallet } from '@rainbow-me/rainbowkit/wallets';
import { tahoWallet } from '@rainbow-me/rainbowkit/wallets';
import { talismanWallet } from '@rainbow-me/rainbowkit/wallets';
import { tokenaryWallet } from '@rainbow-me/rainbowkit/wallets';
import { tokenPocketWallet } from '@rainbow-me/rainbowkit/wallets';
import { trustWallet } from '@rainbow-me/rainbowkit/wallets';
import { uniswapWallet } from '@rainbow-me/rainbowkit/wallets';
import { valoraWallet } from '@rainbow-me/rainbowkit/wallets';
import { xdefiWallet } from '@rainbow-me/rainbowkit/wallets';
import { zerionWallet } from '@rainbow-me/rainbowkit/wallets';
import { wigwamWallet } from '@rainbow-me/rainbowkit/wallets';

Farklı cüzdanların farklı sıralamada gösterilmesine dair birkaç örnek bulunmaktadır.

MetaMask ile genel yedek cüzdanları gösterin.

import { connectorsForWallets } from '@rainbow-me/rainbowkit';
import { metaMaskWallet, walletConnectWallet, } from '@rainbow-me/rainbowkit/wallets';
const connectors = connectorsForWallets(
[
{
groupName: 'Recommended',
wallets: [metaMaskWallet, walletConnectWallet],
},
],
{ appName: 'RainbowKit App', projectId: 'YOUR_PROJECT_ID' },
);

Rainbow, MetaMask ve Coinbase'i, genel yedek cüzdanlarla birlikte gösterin.

import { connectorsForWallets } from '@rainbow-me/rainbowkit';
import { rainbowWallet, metaMaskWallet, coinbaseWallet, walletConnectWallet, } from '@rainbow-me/rainbowkit/wallets';
const connectors = connectorsForWallets(
[
{
groupName: 'Suggested',
wallets: [
rainbowWallet,
metaMaskWallet,
coinbaseWallet,
walletConnectWallet,
],
},
],
{ appName: 'RainbowKit App', projectId: 'YOUR_PROJECT_ID' },
);

Hatırlatma: wallets dizisinin sırası, cüzdanların kullanıcı arayüzünde görüntüleneceği sırayı belirler.

groupName anahtarını farklı cüzdan gruplarına isim vermek için kullanabilirsiniz. Hangi cüzdanları önerdiğinizi kullanıcılarınıza iletmek istiyorsanız, aynı zamanda diğer olası cüzdanları da böylesine faydalıdır.

Rainbow ve MetaMask'i önerin, ancak Coinbase'i de genel yedek cüzdanlarla birlikte sunun.

import { connectorsForWallets } from '@rainbow-me/rainbowkit';
import { rainbowWallet, metaMaskWallet, coinbaseWallet, walletConnectWallet, } from '@rainbow-me/rainbowkit/wallets';
const connectors = connectorsForWallets(
[
{
groupName: 'Recommended',
wallets: [rainbowWallet, metaMaskWallet],
},
{
groupName: 'Others',
wallets: [coinbaseWallet, walletConnectWallet],
},
],
{ appName: 'RainbowKit App', projectId: 'YOUR_PROJECT_ID' },
);