Senarai Dompet Tersuai

Menyesuaikan senarai dompet

Anda boleh mengimport dompet individu dari '@rainbow-me/rainbowkit/wallets' bersama-sama dengan fungsi connectorsForWallets untuk membina senarai dompet anda sendiri dengan penyambung yang diperlukan. Dengan cara ini, anda mempunyai kawalan penuh ke atas dompet yang hendak dipaparkan, dan dalam susunan mana.

Sebagai contoh, anda boleh memilih untuk hanya menunjukkan Rainbow bersama-sama dengan dompet gantian generik.

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

Anda kemudian boleh menyerahkan penyambung anda kepada createConfig Wagmi.

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

Dompet Terbina Dalam

Dompet berikut disediakan melalui objek wallet.

Dompet Am

Dompet berikut dipetakan kepada kaedah sambungan generik dan bukannya aplikasi khusus. Oleh itu, adalah disyorkan supaya dompet-dompet ini sentiasa dimasukkan.

WalletConnect

Ini adalah pilihan dompet gantian yang direka untuk dompet berdasarkan WalletConnect yang belum disediakan oleh dompet lain dalam senarai.

Adalah disyorkan agar anda sentiasa memasukkan dompet ini dalam senarai untuk memastikan semua dompet berdasarkan WalletConnect disokong.

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

Dompet Disuntik

Ini adalah pilihan dompet gantian yang direka untuk senario di mana window.ethereum wujud tetapi belum disediakan oleh dompet lain dalam senarai. Dompet ini akan menyembunyikan dirinya secara automatik dari senarai apabila gantian tidak diperlukan atau jika tiada dompet yang dimasukkan tersedia.

Disyorkan supaya anda sentiasa memasukkan dompet ini dalam senarai untuk memastikan semua dompet yang disuntik disokong.

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

Dompet Selamat

Untuk dApps yang menyokong Aplikasi Safe untuk membolehkan pengguna dengan mudah berhubung dengan peti simpanan Safe mereka atau multi-sig, sertakan pilihan safeWallet untuk sambungan automatik. Pilihan Safe hanya akan muncul dalam persekitaran pelayar Safe Wallet.

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

Dompet Tertentu

Dompet berikut disediakan melalui objek wallet (mengikut urutan abjad).

Dompet 1inch

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

Argent

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

BeraSig

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

Dompet Terbaik

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

Dompet Binance Web3

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

Bitget

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

Dompet Bifrost

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

Bitski

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

Bitverse

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

Dompet Bloom

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

Dompet Brave

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

Dompet Bybit

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

Coinbase

Penyambung dompet ini menyokong kedua-dua aplikasi dan lanjutan Wallet Coinbase, serta Smart Wallet Coinbase di Web.

Argumen preference tersedia untuk mengawal sama ada Smart Wallet diaktifkan dan tersedia untuk pengguna. Tingkah laku berdasarkan keutamaan didokumenkan di sini.

Smart Wallet akan diaktifkan secara lalai dengan all pada awal bulan Jun, tanpa peningkatan selanjutnya.

Pembangun boleh menguji Smart Wallet dengan rantaian sepolia dan baseSepolia hari ini dengan menetapkan smartWalletOnly dan memasukkan coinbaseWallet dalam senarai dompet mereka seperti ini:

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

// Enable Coinbase Smart Wallet for testing
coinbaseWallet.preference = 'smartWalletOnly';

Dompet Coin98

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

''

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

Teras

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';

Dompet Gate

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

imToken

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

Dompet ioPay

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

''

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

Kaikas

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

''

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

''

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

Ledger Live

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

''

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

Dompet MEW

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

MetaMask

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

''

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

Omni

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

''

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

ParaSwap

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

''

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

''

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

Rainbow

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

''

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

''

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

Safeheron

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

Taho

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

''

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

Tokenary

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

TokenPocket

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

Dompet Trust

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

Dompet Uniswap

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

Valora

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

Dompet XDEFI

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

Zerion

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

Wigwam

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

Contoh-contoh

Pesanan

Berikut adalah beberapa contoh bagaimana menampilkan pelbagai dompet dalam susunan yang berbeza.

Tunjukkan MetaMask bersama-sama dengan dompet fallback umum.

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

Tunjukkan Rainbow, MetaMask dan Coinbase bersama-sama dengan dompet fallback umum.

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

Peringatan: Urutan array wallets menentukan urutan di mana dompet akan dipaparkan dalam UI.

Pelbagai kumpulan

Anda boleh menggunakan kekunci groupName untuk menamakan kumpulan dompet yang berbeza. Ini berguna jika anda ingin berkomunikasi dengan pengguna anda mengenai dompet yang anda syorkan, serta dompet lain yang mungkin.

Syorkan Rainbow dan MetaMask, tetapi juga tawarkan Coinbase serta dompet fallback umum.

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

Tinjauan

Memulakan

Lanjutan