Phone features, then building and publishing with EAS

import { Linking, Alert, Pressable, Text, View } from "react-native";

const PHONE = "254745789590";

async function open(url) {
  try {
    await Linking.openURL(url);
  } catch (e) {
    Alert.alert("Can't open", "No app on this phone can open that.");
  }
}

export default function Contact() {
  const msg = encodeURIComponent("Hello, I'd like to order 2 packets of unga.");
  return (
    <View style={{ padding: 16, gap: 12 }}>
      <Pressable onPress={() => open(`tel:+${PHONE}`)}><Text>📞 Call</Text></Pressable>
      <Pressable onPress={() => open(`https://wa.me/${PHONE}?text=${msg}`)}><Text>💬 WhatsApp</Text></Pressable>
      <Pressable onPress={() => open(`sms:+${PHONE}?body=${msg}`)}><Text>✉️ SMS</Text></Pressable>
      <Pressable onPress={() => open("https://www.google.com/maps/search/?api=1&query=Thika+Town")}><Text>🗺️ Directions</Text></Pressable>
    </View>
  );
}

import { useState } from "react";
import { View, Image, Pressable, Text } from "react-native";
import * as ImagePicker from "expo-image-picker";

export default function ReceiptPhoto() {
  const [uri, setUri] = useState(null);

  async function takePhoto() {
    const { granted } = await ImagePicker.requestCameraPermissionsAsync();
    if (!granted) return alert("Camera permission is needed to photograph the receipt.");
    const result = await ImagePicker.launchCameraAsync({ quality: 0.7 });   // smaller files, faster uploads
    if (!result.canceled) setUri(result.assets[0].uri);
  }

  return (
    <View style={{ padding: 16, gap: 12 }}>
      <Pressable onPress={takePhoto}><Text style={{ fontWeight: "700" }}>Take receipt photo</Text></Pressable>
      {uri && <Image source={{ uri }} style={{ width: "100%", height: 320, borderRadius: 12 }} />}
    </View>
  );
}

import * as Location from "expo-location";

export async function currentPosition() {
  const { status } = await Location.requestForegroundPermissionsAsync();
  if (status !== "granted") throw new Error("We need your location to find the nearest branch.");
  const pos = await Location.getCurrentPositionAsync({ accuracy: Location.Accuracy.Balanced });
  return { lat: pos.coords.latitude, lng: pos.coords.longitude };
}

{
  "expo": {
    "name": "Duka",
    "slug": "duka",
    "version": "1.0.0",
    "icon": "./assets/icon.png",
    "splash": { "image": "./assets/splash.png", "backgroundColor": "#0b1b35" },
    "android": {
      "package": "ke.co.marzley.duka",
      "versionCode": 1,
      "adaptiveIcon": { "foregroundImage": "./assets/adaptive-icon.png", "backgroundColor": "#0b1b35" }
    },
    "ios": { "bundleIdentifier": "ke.co.marzley.duka" }
  }
}

npm install -g eas-cli
eas login                      # free Expo account
eas build:configure
eas build -p android --profile preview      # an installable APK to share for testing
eas build -p android --profile production   # an AAB for Google Play