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} />;
}