https://github.com/akshayjadhav4/rncontrolwidget
Implementation of iOS 18 Control Widgets in ReactNative Expo app using @bacons/apple-targets
https://github.com/akshayjadhav4/rncontrolwidget
control-widgets expo react-native
Last synced: about 1 month ago
JSON representation
Implementation of iOS 18 Control Widgets in ReactNative Expo app using @bacons/apple-targets
- Host: GitHub
- URL: https://github.com/akshayjadhav4/rncontrolwidget
- Owner: akshayjadhav4
- Created: 2025-03-09T05:29:29.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-14T15:59:14.000Z (about 1 year ago)
- Last Synced: 2025-07-17T16:57:15.247Z (11 months ago)
- Topics: control-widgets, expo, react-native
- Language: TypeScript
- Homepage:
- Size: 457 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🚀 iOS Control Widgetd in Expo App
## 📌 About This Project
This project demonstrates how to create Control Widgets using @bacons/apple-targets for iOS-specific widgets configurations in Expo projects.
## ✨ Features
- 🔘 Buttons – Perform quick actions, such as launching an app or running a shortcut.
- 🎚 Toggles – Control boolean states like turning something on/off.
- 📱 Integration with System Spaces – Add widgets to Control Center, the Lock Screen, and the Action button.
- ⚡ Built with WidgetKit – Uses Apple’s latest framework for seamless performance.
- 🛠 Powered by @bacons/apple-targets – Automates the setup of Apple targets in Expo projects.
- 🔄 State Syncing – Widgets can be synced from the app
## 🛠 Setup & Installation
1. Clone the repository:
```bash
git https://github.com/akshayjadhav4/RNControlWidget.git
cd RNControlWidget
```
2. Install dependencies:
```bash
npm install
```
3. Add Apple Team ID in app.json
```json
"ios": {
"appleTeamId": "YOUR_TEAM_ID",
"supportsTablet": true,
"bundleIdentifier": "com.anonymous.smart-home",
"entitlements": {
"com.apple.security.application-groups": [
"group.com.anonymous.smart-home"
]
}
},
```
4. Generate iOS project
```bash
npx expo prebuild -p ios
```
5. Run App
```bash
npx expo run:ios
```
## 📷 Preview
| | |
|----------|----------|
|  |  |
|  |  |
|  |  |
|  | 
|