Quickstart

import { useMobileWallet } from '@wallet-ui/react-native-web3js';

function ConnectButton() {
  const { account, connect, disconnect } = useMobileWallet();

  if (account) {
    return (
      <Button title="Disconnect" onPress={disconnect} />
    );
  }

  return (
    <Button title="Connect Wallet" onPress={connect} />
  );
}

import { useMobileWallet } from '@wallet-ui/react-native-web3js';

function SignMessageButton() {
  const { signMessage } = useMobileWallet();

  const handleSignMessage = async () => {
    const message = 'Verify this message';
    const messageBytes = new TextEncoder().encode(message);
    const signature = await signMessage(messageBytes);
    console.log('Signature:', signature);
  };

  return <Button title="Sign Message" onPress={handleSignMessage} />;
}

import { useMobileWallet } from '@wallet-ui/react-native-web3js';

function SignInButton() {
  const { account, signIn } = useMobileWallet();

  const handleSignIn = async () => {
    await signIn({
      domain: 'your-app-domain.com',
      statement: 'Sign in to Your App',
    });
    console.log('Signed in:', account?.address);
  };

  return <Button title="Sign In" onPress={handleSignIn} />;
}

import { useMobileWallet } from '@wallet-ui/react-native-web3js';
import {
  PublicKey,
  SystemProgram,
  Transaction,
} from '@solana/web3.js';

function SendTransactionButton() {
  const { account, signAndSendTransaction, connection } = useMobileWallet();

  const handleSendTransaction = async () => {
    if (!account) return;

    const { blockhash } = await connection.getLatestBlockhash();

    const transaction = new Transaction({
      recentBlockhash: blockhash,
      feePayer: new PublicKey(account.address),
    }).add(
      SystemProgram.transfer({
        fromPubkey: new PublicKey(account.address),
        toPubkey: new PublicKey('11111111111111111111111111111111'),
        lamports: 1_000_000,
      }),
    );

    const signature = await signAndSendTransaction(transaction);
    console.log('Transaction signature:', signature);
  };

  return <Button title="Send Transaction" onPress={handleSendTransaction} />;
}