Tailwind Resources Logo Tailwind Resources
Tauri Dioxus screenshot

Tauri Dioxus

Author Avatar Theme by Desdaemon
Updated: 25 Dec 2022
21 Stars

Dioxus integration with Tauri on most major platforms

Github

Categories

Daisyui

Overview:

The Dioxus integration with Tauri’s Wry template is a preconfigured setup that includes Tailwind CSS and DaisyUI. It is designed to run on mobile, desktop, and web platforms. Some configuration and necessary tools are required to set up the integration.

Features:

  • Preconfigured Setup: The integration comes with a preconfigured setup including Tailwind CSS and DaisyUI.
  • Cross-platform Compatibility: The integration is designed to run on mobile, desktop, and web platforms.
  • Flexible Configuration: Users can configure the integration according to their specific requirements.

Installation:

  1. Install the following tools:

    • Tauri-Mobile
    • NPM package manager
    • NPX
    • Trunk
    • wasm-bindgen-cli (for web)
    • wasm-opt (for web)
    • Necessary mobile frameworks (Xcode, Android Studio for Android)

  2. Android Configuration:

    • Add abiFilters += listOf("arm64-v8a") under the create("arm") branch in app/build.gradle.kts.

  3. iOS Configuration:

    • Run Xcode on Rosetta: Go to Application > Right Click Xcode > Get Info > Open in Rosetta.
    • For M1 chip, run cargo build --target x86_64-apple-ios instead of cargo apple build for simulator.
    • For actual device, use cargo apple run.

Summary:

The Dioxus integration with Tauri’s Wry template is a useful setup for developers looking to create cross-platform applications. It provides a preconfigured setup with Tailwind CSS and DaisyUI, allowing for easy customization. The integration requires some configuration and the installation of necessary tools. Overall, it offers a flexible and efficient solution for multi-platform development.