Wagmi is not available on React Native. Use Ethers.js or Viem for EVM operations.
- Ethers.js
- Viem
Execute Raw Transactions
import { useParaEthersSigner, useParaEthersSendTransaction } from "@getpara/react-native-wallet/evm/ethers";
import { ethers, JsonRpcProvider } from "ethers";
import { View, Text, TouchableOpacity } from "react-native";
const provider = new JsonRpcProvider("https://ethereum-sepolia-rpc.publicnode.com");
function ExecuteTransaction() {
const { ethersSigner } = useParaEthersSigner({ provider });
const { sendTransactionAsync, isPending, data: receipt } = useParaEthersSendTransaction(ethersSigner);
return (
<View>
<TouchableOpacity
onPress={() =>
sendTransactionAsync({
to: "0x70997970C51812dc3A010C7d01b50e0d17dc79C8",
data: "0x",
value: ethers.parseEther("0.01"),
})
}
disabled={isPending}
>
<Text>{isPending ? "Executing..." : "Execute Transaction"}</Text>
</TouchableOpacity>
{receipt && <Text>Transaction: {receipt.hash}</Text>}
</View>
);
}
Execute Contract Functions
import { useParaEthersSigner, useParaEthersWriteContract } from "@getpara/react-native-wallet/evm/ethers";
import { JsonRpcProvider } from "ethers";
import { View, Text, TouchableOpacity } from "react-native";
const CONTRACT_ABI = [
"function setGreeting(string memory _greeting)",
"function greet() view returns (string)"
];
const provider = new JsonRpcProvider("https://ethereum-sepolia-rpc.publicnode.com");
function ContractInteraction({ contractAddress }: { contractAddress: string }) {
const { ethersSigner } = useParaEthersSigner({ provider });
const { writeContractAsync, isPending, data: receipt } = useParaEthersWriteContract(ethersSigner);
return (
<View>
<TouchableOpacity
onPress={() =>
writeContractAsync({
address: contractAddress,
abi: CONTRACT_ABI,
functionName: "setGreeting",
args: ["Hello from Para!"],
})
}
disabled={isPending}
>
<Text>{isPending ? "Updating..." : "Update Greeting"}</Text>
</TouchableOpacity>
{receipt && <Text>Transaction: {receipt.hash}</Text>}
</View>
);
}
Execute Raw Transactions
import { useParaViemClient, useParaViemSendTransaction } from "@getpara/react-native-wallet/evm/viem";
import { parseEther, http } from "viem";
import { sepolia } from "viem/chains";
import { View, Text, TouchableOpacity } from "react-native";
function ExecuteTransaction() {
const { viemClient } = useParaViemClient({
walletClientConfig: { chain: sepolia, transport: http() },
});
const { sendTransactionAsync, isPending, data: hash } = useParaViemSendTransaction(viemClient);
return (
<View>
<TouchableOpacity
onPress={() =>
sendTransactionAsync({
to: "0x70997970C51812dc3A010C7d01b50e0d17dc79C8",
data: "0x",
value: parseEther("0.01"),
})
}
disabled={isPending}
>
<Text>{isPending ? "Executing..." : "Execute Transaction"}</Text>
</TouchableOpacity>
{hash && <Text>Transaction: {hash}</Text>}
</View>
);
}
Execute Contract Functions
import { useParaViemClient, useParaViemWriteContract } from "@getpara/react-native-wallet/evm/viem";
import { http } from "viem";
import { sepolia } from "viem/chains";
import { View, Text, TouchableOpacity } from "react-native";
const CONTRACT_ABI = [
{
name: "setGreeting",
type: "function",
stateMutability: "nonpayable",
inputs: [{ name: "_greeting", type: "string" }],
outputs: [],
},
] as const;
function ContractInteraction({
contractAddress,
}: {
contractAddress: `0x${string}`;
}) {
const { viemClient } = useParaViemClient({
walletClientConfig: { chain: sepolia, transport: http() },
});
const { writeContractAsync, isPending, data: hash } = useParaViemWriteContract(viemClient);
return (
<View>
<TouchableOpacity
onPress={() =>
writeContractAsync({
address: contractAddress,
abi: CONTRACT_ABI,
functionName: "setGreeting",
args: ["Hello from Para!"],
})
}
disabled={isPending}
>
<Text>{isPending ? "Updating..." : "Update Greeting"}</Text>
</TouchableOpacity>
{hash && <Text>Transaction: {hash}</Text>}
</View>
);
}