Expo Router

app/contact.tsx

import { useState } from "react";
import { View, TextInput, Button, Alert } from "react-native";

const FORM_ID = "FORM_UUID";

export default function ContactScreen() {
  const [email, setEmail] = useState("");
  const [message, setMessage] = useState("");

  async function onSubmit() {
    const res = await fetch(`https://www.muxforms.com/api/v1/forms/${FORM_ID}/submit`, {
      method: "POST",
      headers: { "Content-Type": "application/json" },
      body: JSON.stringify({ email, message, platform: "expo", _hp: "" }),
    });
    if (!res.ok) {
      Alert.alert("Could not send", "Try again or email support.");
      return;
    }
    Alert.alert("Sent", "We will reply soon.");
  }

  return (
    <View style={{ padding: 16, gap: 12 }}>
      <TextInput placeholder="Email" autoCapitalize="none" value={email} onChangeText={setEmail} />
      <TextInput placeholder="Message" multiline value={message} onChangeText={setMessage} />
      <Button title="Send" onPress={onSubmit} />
    </View>
  );
}

Production auth

The sample omits Authorization for local schema testing. Production apps should attach the ingest secret from a secure proxy—see /docs/api.