Learn-skills.dev tauri2-mobile

Expert guidance for developing, testing, and deploying mobile applications with Tauri 2. Use when working with Tauri 2 mobile development for Android/iOS, including project setup, Rust backend patterns, frontend integration, plugin usage (biometric, geolocation, notifications, IAP), emulator/ADB testing, code signing, and Play Store/App Store deployment.

install
source · Clone the upstream repo
git clone https://github.com/NeverSight/learn-skills.dev
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/NeverSight/learn-skills.dev "$T" && mkdir -p ~/.claude/skills && cp -r "$T/data/skills-md/acaprino/alfio-claude-plugins/tauri2-mobile" ~/.claude/skills/neversight-learn-skills-dev-tauri2-mobile && rm -rf "$T"
manifest: data/skills-md/acaprino/alfio-claude-plugins/tauri2-mobile/SKILL.md
source content

Tauri 2 Mobile Development

Build cross-platform mobile apps with Tauri 2 using web technologies (HTML/CSS/JS) for UI and Rust for native backend.

Quick Reference

TaskCommand
Init mobile
npm run tauri android init
/
npm run tauri ios init
Dev Android
npm run tauri android dev
Dev iOS
npm run tauri ios dev
Build APK
npm run tauri android build --apk
Build AAB
npm run tauri android build --aab
Build iOS
npm run tauri ios build
Add plugin
npm run tauri add <plugin-name>

Workflow Decision Tree

New Project Setup

  1. Read references/setup.md for environment configuration
  2. Run
    npm create tauri-app@latest
    with mobile targets
  3. Configure
    tauri.conf.json
    with app identifier

Adding Features

Testing

Building & Deployment

Project Structure

my-app/
├── src/                          # Frontend
├── src-tauri/
│   ├── Cargo.toml
│   ├── tauri.conf.json           # Main config
│   ├── src/
│   │   ├── main.rs               # Desktop entry (don't modify)
│   │   └── lib.rs                # Main code + mobile entry
│   ├── capabilities/
│   │   └── default.json          # Permissions
│   └── gen/
│       ├── android/              # Android Studio project
│       └── apple/                # Xcode project

Essential Configuration

tauri.conf.json

{
  "$schema": "https://schema.tauri.app/config/2",
  "productName": "MyApp",
  "identifier": "com.company.myapp",
  "bundle": {
    "iOS": { "minimumSystemVersion": "14.0" },
    "android": { "minSdkVersion": 24 }
  }
}

capabilities/default.json

{
  "identifier": "default",
  "windows": ["main"],
  "permissions": ["core:default"]
}

lib.rs (Mobile Entry)

#[cfg_attr(mobile, tauri::mobile_entry_point)]
pub fn run() {
    tauri::Builder::default()
        .plugin(tauri_plugin_opener::init())
        .plugin(tauri_plugin_deep_link::init())
        .invoke_handler(tauri::generate_handler![greet])
        .run(tauri::generate_context!())
        .expect("error");
}

#[tauri::command]
fn greet(name: &str) -> String {
    format!("Hello, {}!", name)
}

Common Issues

ProblemSolution
White screenCheck JS console, verify
devUrl
, check capabilities
iOS won't connectUse
--force-ip-prompt
, select IPv6
INSTALL_FAILED_ALREADY_EXISTS
adb uninstall com.your.app
Emulator not detectedVerify
adb devices
, restart ADB
HMR not workingConfigure
vite.config.ts
with
TAURI_DEV_HOST
Shell plugin URL errorUse
opener
plugin instead (
openUrl()
)
Google OAuth failsGoogle blocks WebView; use system browser flow
Deep link not receivedCheck scheme in tauri.conf.json, init plugin
Safe area CSS fails on Android
env()
not supported in WebView; use JS fallback
Windows APK build symlink errorEnable Developer Mode or copy .so files manually

See references/testing.md for detailed troubleshooting.

Resources