react-native-kenburns-view 5.1.1 → 5.3.0

package/LICENSE

@@ -0,0 +1,15 @@
+ISC License
+
+Copyright (c) Nimila Hiranya Samarasinghe
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

package/README.md

@@ -20,7 +20,9 @@
 
 **Lightweight:** No native code or custom native modules. It uses only React Native’s built-in `Animated` API and core components, so it works with standard RN and Expo and adds minimal bundle size. Each instance uses randomized timing and pan direction so multiple images don’t move in lockstep.
 
-Version: 5.1.1
+For the **React (web)** version of this effect, see [react-kenburns-view](https://github.com/nHiRanZ/react-kenburns-view).
+
+Version: 5.3.0
 
 ## Supported React Native versions
 
@@ -29,18 +31,18 @@ This library uses only React Native’s built-in `Animated` API and core compone
 - **Compatible with:** React Native **0.76+** (and earlier 0.7x / 0.6x in practice).
 - **Tested with:** React Native **0.76.x** and **0.83.x** (Expo SDK 52 and 55) on iOS and Android.
 
-If you use Expo, the example app runs on **Expo SDK 55** (React Native 0.83.2).
+If you use Expo, the demo app runs on **Expo SDK 55** (React Native 0.83.2).
 
 ## Installation
 ```bash
 $ npm i react-native-kenburns-view --save
 ```
 
-## Demo/Example
+## Demo
 
 ![kenburns view demo](https://media.giphy.com/media/792gUTkm8Gic8AieQl/giphy.gif)
 
-Run the example app (Expo) from `example/kenburns-example`: `cd example/kenburns-example && npm install && npx expo start`.
+The interactive demo lives in [react-library-demos](https://github.com/nHiRanZ/react-library-demos) under [`react-native-kenburns-view/`](https://github.com/nHiRanZ/react-library-demos/tree/main/react-native-kenburns-view). See that folder's [README](https://github.com/nHiRanZ/react-library-demos/blob/main/react-native-kenburns-view/README.md) for setup (clone both repos as siblings, then `npm install` and `npm run dev`).
 
 ## Usage
 

package/lib/KenBurnsView.js

@@ -13,6 +13,7 @@ import React, {
   useEffect,
   useImperativeHandle,
   useRef,
+  useState,
 } from 'react';
 import PropTypes from 'prop-types';
 import {
@@ -26,6 +27,17 @@ import {
 const DEFAULT_DURATION = 20000;
 const FILL_SCALE = 1.15;
 
+function getRandomCycle(zoomStart, zoomEnd, panXAmount, panYAmount) {
+  return {
+    scaleFrom: zoomStart + Math.random() * (zoomEnd - zoomStart),
+    scaleTo: zoomStart + Math.random() * (zoomEnd - zoomStart),
+    txFrom: -panXAmount + Math.random() * 2 * panXAmount,
+    txTo: -panXAmount + Math.random() * 2 * panXAmount,
+    tyFrom: -panYAmount + Math.random() * 2 * panYAmount,
+    tyTo: -panYAmount + Math.random() * 2 * panYAmount,
+  };
+}
+
 const KenBurnsView = forwardRef((props, ref) => {
   const {
     imageWidth,
@@ -43,14 +55,24 @@ const KenBurnsView = forwardRef((props, ref) => {
     ...rest
   } = props;
 
+  const w = imageWidth || 0;
+  const h = imageHeight || 0;
+  const panXAmount = w * panX;
+  const panYAmount = h * panY;
+
   const progress = useRef(new Animated.Value(0)).current;
   const animationRef = useRef(null);
+  const configRef = useRef({ zoomStart, zoomEnd, panXAmount, panYAmount });
+  configRef.current = { zoomStart, zoomEnd, panXAmount, panYAmount };
+
+  const [cycle, setCycle] = useState(() =>
+    getRandomCycle(zoomStart, zoomEnd, panXAmount, panYAmount),
+  );
+  const cycleRef = useRef(cycle);
+  cycleRef.current = cycle;
 
   const randomRef = useRef({
-    phase: Math.random(),
     durationFactor: 0.7 + Math.random() * 0.6,
-    panXSign: Math.random() > 0.5 ? 1 : -1,
-    panYSign: Math.random() > 0.5 ? 1 : -1,
   }).current;
 
   const stop = useCallback(() => {
@@ -60,32 +82,37 @@ const KenBurnsView = forwardRef((props, ref) => {
     }
   }, []);
 
-  const start = useCallback(() => {
-    stop();
-    progress.setValue(randomRef.phase);
-
+  const runNextCycle = useCallback(() => {
+    const { zoomStart: zs, zoomEnd: ze, panXAmount: pxa, panYAmount: pya } =
+      configRef.current;
+    const prev = cycleRef.current;
+    const nextTo = getRandomCycle(zs, ze, pxa, pya);
+    setCycle({
+      scaleFrom: prev.scaleTo,
+      scaleTo: nextTo.scaleTo,
+      txFrom: prev.txTo,
+      txTo: nextTo.txTo,
+      tyFrom: prev.tyTo,
+      tyTo: nextTo.tyTo,
+    });
+    progress.setValue(0);
     const d = Math.round(duration * randomRef.durationFactor);
+    animationRef.current = Animated.timing(progress, {
+      toValue: 1,
+      duration: d,
+      easing: Easing.inOut(Easing.quad),
+      useNativeDriver: true,
+    });
+    animationRef.current.start(({ finished }) => {
+      if (finished) runNextCycle();
+    });
+  }, [duration, progress, randomRef.durationFactor]);
 
-    animationRef.current = Animated.loop(
-      Animated.sequence([
-        Animated.timing(progress, {
-          toValue: 1,
-          duration: d,
-          easing: Easing.inOut(Easing.quad),
-          useNativeDriver: true,
-        }),
-        Animated.timing(progress, {
-          toValue: 0,
-          duration: d,
-          easing: Easing.inOut(Easing.quad),
-          useNativeDriver: true,
-        }),
-      ]),
-      {resetBeforeIteration: false},
-    );
-
-    animationRef.current.start();
-  }, [duration, progress, stop, randomRef]);
+  const start = useCallback(() => {
+    stop();
+    progress.setValue(0);
+    runNextCycle();
+  }, [progress, runNextCycle, stop]);
 
   useImperativeHandle(
     ref,
@@ -110,24 +137,19 @@ const KenBurnsView = forwardRef((props, ref) => {
     };
   }, [autoStart, start, stop]);
 
-  const w = imageWidth || 0;
-  const h = imageHeight || 0;
-  const panXAmount = w * panX * randomRef.panXSign;
-  const panYAmount = h * panY * randomRef.panYSign;
-
   const translateX = progress.interpolate({
     inputRange: [0, 1],
-    outputRange: [-panXAmount, panXAmount],
+    outputRange: [cycle.txFrom, cycle.txTo],
   });
 
   const translateY = progress.interpolate({
     inputRange: [0, 1],
-    outputRange: [-panYAmount, panYAmount],
+    outputRange: [cycle.tyFrom, cycle.tyTo],
   });
 
   const scale = progress.interpolate({
     inputRange: [0, 1],
-    outputRange: [zoomStart, zoomEnd],
+    outputRange: [cycle.scaleFrom, cycle.scaleTo],
   });
 
   const innerSize = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-kenburns-view",
-  "version": "5.1.1",
+  "version": "5.3.0",
   "description": "KenBurns Image Effect for React Native",
   "main": "index.js",
   "scripts": {
@@ -23,9 +23,6 @@
   "peerDependencies": {
     "react-native": "*"
   },
-  "directories": {
-    "example": "example"
-  },
   "dependencies": {
     "prop-types": "^15.8.1"
   }

package/example/kenburns-example/App.js

@@ -1,78 +0,0 @@
-import React from 'react';
-import { Dimensions, ScrollView, StyleSheet, Text, View } from 'react-native';
-import { StatusBar } from 'expo-status-bar';
-import KenBurnsView from 'react-native-kenburns-view';
-
-const { width } = Dimensions.get('window');
-const CARD_HEIGHT = 220;
-
-const IMAGES = [
-  { uri: 'https://i.ibb.co/pjVgZTnf/image1.jpg' },
-  { uri: 'https://i.ibb.co/39n0tghZ/image2.jpg' },
-  { uri: 'https://i.ibb.co/YBcr2vHf/image3.jpg' },
-];
-const PLACEHOLDER = { uri: 'https://i.ibb.co/21NytpJN/placeholder.jpg' };
-
-export default function App() {
-  return (
-    <View style={styles.container}>
-      <StatusBar style="light" />
-      <Text style={styles.title}>Ken Burns Effect</Text>
-      <Text style={styles.subtitle}>Zoom + pan</Text>
-      <ScrollView
-        style={styles.scroll}
-        contentContainerStyle={styles.scrollContent}
-        showsVerticalScrollIndicator={false}
-      >
-        {IMAGES.map((source, index) => (
-          <View key={index} style={styles.card}>
-            <KenBurnsView
-              imageWidth={width}
-              imageHeight={CARD_HEIGHT}
-              sourceUri={source}
-              placeholderSource={PLACEHOLDER}
-              duration={15000}
-              zoomStart={1}
-              zoomEnd={1.2}
-              panX={0.08}
-              panY={0.08}
-            />
-          </View>
-        ))}
-      </ScrollView>
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: '#1a1a2e',
-  },
-  title: {
-    fontSize: 28,
-    fontWeight: '700',
-    color: '#eee',
-    textAlign: 'center',
-    marginTop: 60,
-    marginBottom: 4,
-  },
-  subtitle: {
-    fontSize: 16,
-    color: '#888',
-    textAlign: 'center',
-    marginBottom: 24,
-  },
-  scroll: {
-    flex: 1,
-  },
-  scrollContent: {
-    paddingBottom: 40,
-  },
-  card: {
-    width,
-    height: CARD_HEIGHT,
-    marginBottom: 16,
-    overflow: 'hidden',
-  },
-});

package/example/kenburns-example/README.md

@@ -1,20 +0,0 @@
-# Ken Burns Example
-
-Expo app that demonstrates `react-native-kenburns-view` with sample images (zoom + pan).
-
-## Run
-
-```bash
-cd example/kenburns-example
-npm install
-npx expo start
-```
-
-Then press `i` for iOS simulator or `a` for Android emulator, or scan the QR code with Expo Go.
-
-If you see "Unable to resolve module" for the library, restart with a clean cache: `npx expo start --clear`.
-
-## Notes
-
-- The library is linked via `"react-native-kenburns-view": "file:../.."`.
-- Sample images are loaded from remote URLs (see `App.js`).

package/example/kenburns-example/app.json

@@ -1,21 +0,0 @@
-{
-  "expo": {
-    "name": "KenBurns Example",
-    "slug": "kenburns-example",
-    "version": "1.0.0",
-    "orientation": "portrait",
-    "userInterfaceStyle": "light",
-    "ios": {
-      "supportsTablet": true,
-      "bundleIdentifier": "com.anonymous.kenburns-example"
-    },
-    "android": {
-      "adaptiveIcon": {
-        "backgroundColor": "#1a1a2e"
-      }
-    },
-    "plugins": [
-      "expo-asset"
-    ]
-  }
-}

package/example/kenburns-example/babel.config.js

@@ -1,6 +0,0 @@
-module.exports = function (api) {
-  api.cache(true);
-  return {
-    presets: ['babel-preset-expo'],
-  };
-};

package/example/kenburns-example/ios/.xcode.env

@@ -1,11 +0,0 @@
-# This `.xcode.env` file is versioned and is used to source the environment
-# used when running script phases inside Xcode.
-# To customize your local environment, you can create an `.xcode.env.local`
-# file that is not versioned.
-
-# NODE_BINARY variable contains the PATH to the node executable.
-#
-# Customize the NODE_BINARY variable here.
-# For example, to use nvm with brew, add the following line
-# . "$(brew --prefix nvm)/nvm.sh" --no-use
-export NODE_BINARY=$(command -v node)

package/example/kenburns-example/ios/KenBurnsExample/AppDelegate.swift

@@ -1,69 +0,0 @@
-internal import Expo
-import React
-import ReactAppDependencyProvider
-
-@main
-class AppDelegate: ExpoAppDelegate {
-  var window: UIWindow?
-
-  var reactNativeDelegate: ExpoReactNativeFactoryDelegate?
-  var reactNativeFactory: RCTReactNativeFactory?
-
-  public override func application(
-    _ application: UIApplication,
-    didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]? = nil
-  ) -> Bool {
-    let delegate = ReactNativeDelegate()
-    let factory = ExpoReactNativeFactory(delegate: delegate)
-    delegate.dependencyProvider = RCTAppDependencyProvider()
-
-    reactNativeDelegate = delegate
-    reactNativeFactory = factory
-
-#if os(iOS) || os(tvOS)
-    window = UIWindow(frame: UIScreen.main.bounds)
-    factory.startReactNative(
-      withModuleName: "main",
-      in: window,
-      launchOptions: launchOptions)
-#endif
-
-    return super.application(application, didFinishLaunchingWithOptions: launchOptions)
-  }
-
-  // Linking API
-  public override func application(
-    _ app: UIApplication,
-    open url: URL,
-    options: [UIApplication.OpenURLOptionsKey: Any] = [:]
-  ) -> Bool {
-    return super.application(app, open: url, options: options) || RCTLinkingManager.application(app, open: url, options: options)
-  }
-
-  // Universal Links
-  public override func application(
-    _ application: UIApplication,
-    continue userActivity: NSUserActivity,
-    restorationHandler: @escaping ([UIUserActivityRestoring]?) -> Void
-  ) -> Bool {
-    let result = RCTLinkingManager.application(application, continue: userActivity, restorationHandler: restorationHandler)
-    return super.application(application, continue: userActivity, restorationHandler: restorationHandler) || result
-  }
-}
-
-class ReactNativeDelegate: ExpoReactNativeFactoryDelegate {
-  // Extension point for config-plugins
-
-  override func sourceURL(for bridge: RCTBridge) -> URL? {
-    // needed to return the correct URL for expo-dev-client.
-    bridge.bundleURL ?? bundleURL()
-  }
-
-  override func bundleURL() -> URL? {
-#if DEBUG
-    return RCTBundleURLProvider.sharedSettings().jsBundleURL(forBundleRoot: ".expo/.virtual-metro-entry")
-#else
-    return Bundle.main.url(forResource: "main", withExtension: "jsbundle")
-#endif
-  }
-}

package/example/kenburns-example/ios/KenBurnsExample/Images.xcassets/AppIcon.appiconset/Contents.json

@@ -1,14 +0,0 @@
-{
-  "images": [
-    {
-      "filename": "App-Icon-1024x1024@1x.png",
-      "idiom": "universal",
-      "platform": "ios",
-      "size": "1024x1024"
-    }
-  ],
-  "info": {
-    "version": 1,
-    "author": "expo"
-  }
-}

package/example/kenburns-example/ios/KenBurnsExample/Images.xcassets/Contents.json

@@ -1,6 +0,0 @@
-{
-  "info" : {
-    "version" : 1,
-    "author" : "expo"
-  }
-}

package/example/kenburns-example/ios/KenBurnsExample/Images.xcassets/SplashScreenBackground.colorset/Contents.json

@@ -1,20 +0,0 @@
-{
-  "colors": [
-    {
-      "color": {
-        "components": {
-          "alpha": "1.000",
-          "blue": "1.00000000000000",
-          "green": "1.00000000000000",
-          "red": "1.00000000000000"
-        },
-        "color-space": "srgb"
-      },
-      "idiom": "universal"
-    }
-  ],
-  "info": {
-    "version": 1,
-    "author": "expo"
-  }
-}

package/example/kenburns-example/ios/KenBurnsExample/Info.plist

@@ -1,76 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
-<plist version="1.0">
-<dict>
-	<key>CADisableMinimumFrameDurationOnPhone</key>
-	<true/>
-	<key>CFBundleDevelopmentRegion</key>
-	<string>$(DEVELOPMENT_LANGUAGE)</string>
-	<key>CFBundleDisplayName</key>
-	<string>KenBurns Example</string>
-	<key>CFBundleExecutable</key>
-	<string>$(EXECUTABLE_NAME)</string>
-	<key>CFBundleIdentifier</key>
-	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
-	<key>CFBundleInfoDictionaryVersion</key>
-	<string>6.0</string>
-	<key>CFBundleName</key>
-	<string>$(PRODUCT_NAME)</string>
-	<key>CFBundlePackageType</key>
-	<string>$(PRODUCT_BUNDLE_PACKAGE_TYPE)</string>
-	<key>CFBundleShortVersionString</key>
-	<string>1.0.0</string>
-	<key>CFBundleSignature</key>
-	<string>????</string>
-	<key>CFBundleURLTypes</key>
-	<array>
-		<dict>
-			<key>CFBundleURLSchemes</key>
-			<array>
-				<string>com.anonymous.kenburns-example</string>
-			</array>
-		</dict>
-	</array>
-	<key>CFBundleVersion</key>
-	<string>1</string>
-	<key>LSMinimumSystemVersion</key>
-	<string>12.0</string>
-	<key>LSRequiresIPhoneOS</key>
-	<true/>
-	<key>NSAppTransportSecurity</key>
-	<dict>
-		<key>NSAllowsArbitraryLoads</key>
-		<false/>
-		<key>NSAllowsLocalNetworking</key>
-		<true/>
-	</dict>
-	<key>RCTNewArchEnabled</key>
-	<true/>
-	<key>UILaunchStoryboardName</key>
-	<string>SplashScreen</string>
-	<key>UIRequiredDeviceCapabilities</key>
-	<array>
-		<string>arm64</string>
-	</array>
-	<key>UIRequiresFullScreen</key>
-	<false/>
-	<key>UIStatusBarStyle</key>
-	<string>UIStatusBarStyleDefault</string>
-	<key>UISupportedInterfaceOrientations</key>
-	<array>
-		<string>UIInterfaceOrientationPortrait</string>
-		<string>UIInterfaceOrientationPortraitUpsideDown</string>
-	</array>
-	<key>UISupportedInterfaceOrientations~ipad</key>
-	<array>
-		<string>UIInterfaceOrientationPortrait</string>
-		<string>UIInterfaceOrientationPortraitUpsideDown</string>
-		<string>UIInterfaceOrientationLandscapeLeft</string>
-		<string>UIInterfaceOrientationLandscapeRight</string>
-	</array>
-	<key>UIUserInterfaceStyle</key>
-	<string>Light</string>
-	<key>UIViewControllerBasedStatusBarAppearance</key>
-	<false/>
-</dict>
-</plist>

package/example/kenburns-example/ios/KenBurnsExample/KenBurnsExample-Bridging-Header.h

@@ -1,3 +0,0 @@
-//
-// Use this file to import your target's public headers that you would like to expose to Swift.
-//

package/example/kenburns-example/ios/KenBurnsExample/KenBurnsExample.entitlements

@@ -1,5 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
-<plist version="1.0">
-  <dict/>
-</plist>

package/example/kenburns-example/ios/KenBurnsExample/PrivacyInfo.xcprivacy

@@ -1,48 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
-<plist version="1.0">
-<dict>
-	<key>NSPrivacyAccessedAPITypes</key>
-	<array>
-		<dict>
-			<key>NSPrivacyAccessedAPIType</key>
-			<string>NSPrivacyAccessedAPICategoryUserDefaults</string>
-			<key>NSPrivacyAccessedAPITypeReasons</key>
-			<array>
-				<string>CA92.1</string>
-			</array>
-		</dict>
-		<dict>
-			<key>NSPrivacyAccessedAPIType</key>
-			<string>NSPrivacyAccessedAPICategoryFileTimestamp</string>
-			<key>NSPrivacyAccessedAPITypeReasons</key>
-			<array>
-				<string>0A2A.1</string>
-				<string>3B52.1</string>
-				<string>C617.1</string>
-			</array>
-		</dict>
-		<dict>
-			<key>NSPrivacyAccessedAPIType</key>
-			<string>NSPrivacyAccessedAPICategoryDiskSpace</string>
-			<key>NSPrivacyAccessedAPITypeReasons</key>
-			<array>
-				<string>E174.1</string>
-				<string>85F4.1</string>
-			</array>
-		</dict>
-		<dict>
-			<key>NSPrivacyAccessedAPIType</key>
-			<string>NSPrivacyAccessedAPICategorySystemBootTime</string>
-			<key>NSPrivacyAccessedAPITypeReasons</key>
-			<array>
-				<string>35F9.1</string>
-			</array>
-		</dict>
-	</array>
-	<key>NSPrivacyCollectedDataTypes</key>
-	<array/>
-	<key>NSPrivacyTracking</key>
-	<false/>
-</dict>
-</plist>

package/example/kenburns-example/ios/KenBurnsExample/SplashScreen.storyboard

@@ -1,39 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="24093.7" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="EXPO-VIEWCONTROLLER-1">
-    <device id="retina6_12" orientation="portrait" appearance="light"/>
-    <dependencies>
-        <deployment identifier="iOS"/>
-        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="24053.1"/>
-        <capability name="Named colors" minToolsVersion="9.0"/>
-        <capability name="Safe area layout guides" minToolsVersion="9.0"/>
-        <capability name="System colors in document resources" minToolsVersion="11.0"/>
-        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
-    </dependencies>
-    <scenes>
-        <scene sceneID="EXPO-SCENE-1">
-            <objects>
-                <viewController storyboardIdentifier="SplashScreenViewController" id="EXPO-VIEWCONTROLLER-1" sceneMemberID="viewController">
-                    <view key="view" userInteractionEnabled="NO" contentMode="scaleToFill" insetsLayoutMarginsFromSafeArea="NO" id="EXPO-ContainerView" userLabel="ContainerView">
-                        <rect key="frame" x="0.0" y="0.0" width="393" height="852"/>
-                        <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
-                        <subviews/>
-                        <viewLayoutGuide key="safeArea" id="Rmq-lb-GrQ"/>
-                        <constraints>
-                            <constraint firstItem="EXPO-SplashScreen" firstAttribute="centerY" secondItem="EXPO-ContainerView" secondAttribute="centerY" id="0VC-Wk-OaO"/>
-                            <constraint firstItem="EXPO-SplashScreen" firstAttribute="centerX" secondItem="EXPO-ContainerView" secondAttribute="centerX" id="zR4-NK-mVN"/>
-                        </constraints>
-                        <color key="backgroundColor" systemColor="systemBackgroundColor"/>
-                    </view>
-                </viewController>
-                <placeholder placeholderIdentifier="IBFirstResponder" id="EXPO-PLACEHOLDER-1" userLabel="First Responder" sceneMemberID="firstResponder"/>
-            </objects>
-            <point key="canvasLocation" x="0.0" y="0.0"/>
-        </scene>
-    </scenes>
-    <resources>
-        <image name="SplashScreenLogo" width="100" height="90.333335876464844"/>
-        <systemColor name="systemBackgroundColor">
-            <color white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
-        </systemColor>
-    </resources>
-</document>

package/example/kenburns-example/ios/KenBurnsExample/Supporting/Expo.plist

@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
-<plist version="1.0">
-  <dict>
-    <key>EXUpdatesCheckOnLaunch</key>
-    <string>ALWAYS</string>
-    <key>EXUpdatesEnabled</key>
-    <false/>
-    <key>EXUpdatesLaunchWaitMs</key>
-    <integer>0</integer>
-  </dict>
-</plist>