This boilerplate is aimed to demonstrate a bare minimum example of how to implement iOS Widgets with React Native on Expo CNG (Managed Workflow). Notice that ios
directory is not required. Based on bndkt/react-native-widget-extension.
Tested under the following environment:
Software / Library | Version | Installation Method |
---|---|---|
macOS | 13.5.1 (Ventura) | * Apple M2 Chip |
Node.js | 18.19.0 | nodenv |
EAS CLI | 7.3.0 | npm install --global eas-cli |
Xcode | 15.2 (15C500b) | App Store |
fastlane | 2.219.0 | gem install fastlane |
Expo | 50.0.7 | create-expo-app |
React Native | 0.73.4 | create-expo-app |
npm install
eas login
eas build:configure
eas build --profile development --platform ios --local
gunzip
the build.- Drag & drop the
.app
file into a booted iPad simulator. iPhone simulators are known to have issues with widget testing. - Add the widget from
Edit Home Screen
menu.