Swaps

Let users swap tokens seamlessly inside your React Native app using AppKit’s Swaps feature. With built-in provider support and real-time pricing, users can trade tokens across chains without leaving your app.

Configuration

Swaps are enabled by default. You can enable or disable it explicitly like this:

createAppKit({
  projectId: 'YOUR_PROJECT_ID',
  // ... other config options
  features: {
    swaps: true, // Optional - true by default
  }
});

Set swaps: false to turn off the feature.

Usage

Open the Swaps View

Use the useAppKit hook to launch the Swaps view:

function SwapButton() {
  const { open } = useAppKit();

  const handleSwapPress = () => {
    open({ view: 'Swap' });
  };

  return (
    <Button
      title="Swap Tokens"
      onPress={handleSwapPress}
    />
  );
}

What Users Can Expect

Tapping “Swap Tokens” opens a dedicated swap interface.
Users can:
- Select the token to swap from
- Select the token to receive
- Enter the amount
- See an instant quote with:
  - Price impact
  - Network fee
  - Slippage tolerance
  - Provider fees
After confirming, the transaction is executed and tokens arrive directly in their wallet—no extra steps needed.

Fundamentals

Features

Configuration

Usage

Open the Swaps View

What Users Can Expect

​Configuration

​Usage

​Open the Swaps View

​What Users Can Expect

Configuration

Usage

Open the Swaps View

What Users Can Expect