@react-navigation/native 3.6.0-alpha.5 → 3.6.2

package/dist/createAppContainer.js

@@ -23,6 +23,7 @@ function validateProps(props) {
     screenProps,
     persistNavigationState,
     loadNavigationState,
+    theme,
     ...containerProps
   } = props;
   /* eslint-enable no-unused-vars */
@@ -65,6 +66,10 @@ export default function createNavigationContainer(Component) {
     static router = Component.router;
     static navigationOptions = null;
 
+    static defaultProps = {
+      theme: 'light'
+    };
+
     static getDerivedStateFromProps(nextProps) {
       validateProps(nextProps);
       return null;
@@ -105,21 +110,6 @@ export default function createNavigationContainer(Component) {
       return isStateful(this.props);
     }
 
-    _validateProps(props) {
-      if (this._isStateful()) {
-        return;
-      }
-
-      // eslint-disable-next-line no-unused-vars
-      const { navigation, screenProps, ...containerProps } = props;
-
-      const keys = Object.keys(containerProps);
-
-      if (keys.length !== 0) {
-        throw new Error('This navigator has both navigation and container props, so it is ' + `unclear if it should own its own state. Remove props: "${keys.join(', ')}" ` + 'if the navigator should get its state from the navigation prop. If the ' + 'navigator should maintain its own state, do not pass a navigation prop.');
-      }
-    }
-
     _handleOpenURL = ({ url }) => {
       const { enableURLHandling, uriPrefix } = this.props;
       if (enableURLHandling === false) {
@@ -334,6 +324,8 @@ export default function createNavigationContainer(Component) {
     _getTheme = () => {
       if (this.props.theme === 'light' || this.props.theme === 'dark') {
         return this.props.theme;
+      } else if (this.props.theme === 'no-preference') {
+        return 'light';
       } else {
         console.warn(`Invalid theme provided: ${this.props.theme}. Only 'light' and 'dark' are supported. Falling back to 'light'`);
         return 'light';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-navigation/native",
-  "version": "3.6.0-alpha.5",
+  "version": "3.6.2",
   "description": "React Native support for React Navigation",
   "main": "dist/index.js",
   "files": [

package/src/createAppContainer.js

@@ -34,6 +34,7 @@ function validateProps(props) {
     screenProps,
     persistNavigationState,
     loadNavigationState,
+    theme,
     ...containerProps
   } = props;
   /* eslint-enable no-unused-vars */
@@ -89,6 +90,10 @@ export default function createNavigationContainer(Component) {
     static router = Component.router;
     static navigationOptions = null;
 
+    static defaultProps = {
+      theme: 'light',
+    };
+
     static getDerivedStateFromProps(nextProps) {
       validateProps(nextProps);
       return null;
@@ -138,28 +143,6 @@ export default function createNavigationContainer(Component) {
       return isStateful(this.props);
     }
 
-    _validateProps(props) {
-      if (this._isStateful()) {
-        return;
-      }
-
-      // eslint-disable-next-line no-unused-vars
-      const { navigation, screenProps, ...containerProps } = props;
-
-      const keys = Object.keys(containerProps);
-
-      if (keys.length !== 0) {
-        throw new Error(
-          'This navigator has both navigation and container props, so it is ' +
-            `unclear if it should own its own state. Remove props: "${keys.join(
-              ', '
-            )}" ` +
-            'if the navigator should get its state from the navigation prop. If the ' +
-            'navigator should maintain its own state, do not pass a navigation prop.'
-        );
-      }
-    }
-
     _handleOpenURL = ({ url }) => {
       const { enableURLHandling, uriPrefix } = this.props;
       if (enableURLHandling === false) {
@@ -408,6 +391,8 @@ export default function createNavigationContainer(Component) {
     _getTheme = () => {
       if (this.props.theme === 'light' || this.props.theme === 'dark') {
         return this.props.theme;
+      } else if (this.props.theme === 'no-preference') {
+        return 'light';
       } else {
         console.warn(
           `Invalid theme provided: ${