rgommezz / timer-live-activity

Seamless integration of iOS Live Activities into React Native with two-way communication 🎨

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Timer Live Activity

Example project designed to demonstrate the seamless integration between a React Native application and an iOS Live Activity. For a comprehensive guide that walks you through each step, check out this series:

What this project covers

  • 🍏 Swift Native Modules: Learn how to craft the essential bridging files, enabling the use of Swift, the leading-edge iOS programming language, in your Native Modules.
  • πŸš€ Live Activity API: Discover how to initiate, update, and terminate an iOS Live Activity directly from React Native, bringing content to both your phone's dynamic island and lock screen.
  • πŸ–ŒοΈ SwiftUI: Delve into the SwiftUI framework, exploring its declarative composition model that simplifies UI development with a cleaner, more concise syntax.
  • πŸ”Œ Bidirectional Communication: Uncover the power of invoking React Native code through user interactions within the live activity, enabling a two-way communication stream.
timer_live_activity.mp4

Architecture

Getting Started

  1. Clone the repository
  2. Run npm install to install the dependencies
  3. Run npx pod-install to install the Pods for the iOS project
  4. Run npm run ios to start the application

About

Seamless integration of iOS Live Activities into React Native with two-way communication 🎨


Languages

Language:Swift 45.0%Language:TypeScript 17.5%Language:Objective-C 12.8%Language:Kotlin 10.1%Language:Ruby 7.9%Language:JavaScript 3.5%Language:Objective-C++ 3.2%