Query Wallet Balances with Cosmos Libraries - Para Docs

You’re viewing the 2.0 (LTS) docs. View the current 3.0 version of this page.

Query token balances for any Cosmos address or your connected Para wallet using CosmJS in React Native.

Prerequisites

Query Balances

import { useState, useEffect } from 'react';
import { View, Text, Button } from 'react-native';
import { useParaCosmjsProtoSigner } from '@getpara/react-native-wallet/cosmos';
import { StargateClient } from '@cosmjs/stargate';

const RPC_URL = 'https://rpc.cosmos.directory/cosmoshub';

function BalanceDisplay() {
  const { protoSigner, isLoading } = useParaCosmjsProtoSigner();
  const address = protoSigner?.address;
  const [balances, setBalances] = useState<{ denom: string; amount: string }[]>([]);

  const queryBalances = async () => {
    if (!address) return;

    const client = await StargateClient.connect(RPC_URL);
    const allBalances = await client.getAllBalances(address);
    setBalances(allBalances);

    const atomBalance = await client.getBalance(address, 'uatom');
    console.log('ATOM balance:', atomBalance.amount, atomBalance.denom);
  };

  if (isLoading) return <Text>Loading...</Text>;

  return (
    <View>
      <Text>Address: {address}</Text>
      <Button title="Query Balances" onPress={queryBalances} />
      {balances.map(balance => (
        <Text key={balance.denom}>
          {balance.amount} {balance.denom}
        </Text>
      ))}
    </View>
  );
}

Next Steps