@fountain-ui/lab 2.0.0-beta.80 → 2.0.0-beta.81

package/build/commonjs/StatusBarProvider/Provider.js.map

@@ -1 +1 @@
-{"version":3,"names":["StatusBarContext","React","createContext","useStatusBarContext","useContext","Provider"],"sources":["Provider.ts"],"sourcesContent":["import React from 'react';\nimport type { StatusBarStyle } from 'react-native';\n\nexport interface StatusBarProviderValue {\n    setTranslucent: (value: boolean) => void;\n    setBackgroundColor: (value: string) => void;\n    setHidden: (value: boolean) => void;\n    setBarStyle: (value: StatusBarStyle, animated?: boolean) => void;\n}\n\nexport const StatusBarContext = React.createContext<StatusBarProviderValue | null>(null);\n\nexport const useStatusBarContext = () => {\n    return React.useContext(StatusBarContext);\n};\n\nexport default StatusBarContext.Provider;"],"mappings":";;;;;;;AAAA;;;;AAUO,MAAMA,gBAAgB,gBAAGC,cAAA,CAAMC,aAAN,CAAmD,IAAnD,CAAzB;;;;AAEA,MAAMC,mBAAmB,GAAG,MAAM;EACrC,OAAOF,cAAA,CAAMG,UAAN,CAAiBJ,gBAAjB,CAAP;AACH,CAFM;;;eAIQA,gBAAgB,CAACK,Q"}
+{"version":3,"names":["StatusBarContext","React","createContext","useStatusBarContext","useContext","Provider"],"sources":["Provider.ts"],"sourcesContent":["import React from 'react';\nimport type { StatusBarStyle } from 'react-native';\n\nexport interface StatusBarProps {\n    barStyle?: StatusBarStyle;\n    animatedBarStyle?: boolean;\n    backgroundColor?: string;\n    hidden?: boolean;\n    translucent?: boolean;\n}\n\nexport interface StatusBarProviderValue {\n    setTranslucent: (value: boolean) => void;\n    setBackgroundColor: (value: string) => void;\n    setHidden: (value: boolean) => void;\n    setBarStyle: (value: StatusBarStyle, animated?: boolean) => void;\n    restoreInitialStack: () => void;\n    clearStack: () => void;\n    pushStack: (statusBarProps: StatusBarProps) => void;\n    replaceStack: (statusBarProps: StatusBarProps) => void;\n    popStack: () => void;\n    getCurrentStatusBarProps: () => StatusBarProps | {};\n}\n\nexport const StatusBarContext = React.createContext<StatusBarProviderValue | null>(null);\n\nexport const useStatusBarContext = () => {\n    return React.useContext(StatusBarContext);\n};\n\nexport default StatusBarContext.Provider;"],"mappings":";;;;;;;AAAA;;;;AAwBO,MAAMA,gBAAgB,gBAAGC,cAAA,CAAMC,aAAN,CAAmD,IAAnD,CAAzB;;;;AAEA,MAAMC,mBAAmB,GAAG,MAAM;EACrC,OAAOF,cAAA,CAAMG,UAAN,CAAiBJ,gBAAjB,CAAP;AACH,CAFM;;;eAIQA,gBAAgB,CAACK,Q"}

package/build/commonjs/StatusBarProvider/StatusBarProvider.js

@@ -5,10 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = StatusBarProvider;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _reactNative = require("react-native");
 
+var R = _interopRequireWildcard(require("ramda"));
+
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
 
 var _core = require("@fountain-ui/core");
@@ -19,6 +21,10 @@ var _Provider = _interopRequireDefault(require("./Provider"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const initialVisible = _reactNative.Platform.select({
   ios: true,
   android: false
@@ -28,6 +34,16 @@ function StatusBarProvider(props) {
   const {
     children
   } = props;
+  const currentStatusBarPropsRef = (0, _react.useRef)({});
+  const initialStatusBarPropsStack = new Array();
+  const statusBarPropsStackRef = (0, _react.useRef)(initialStatusBarPropsStack);
+
+  const mergeStatusBarPropsRef = props => {
+    currentStatusBarPropsRef.current = { ...currentStatusBarPropsRef.current,
+      ...props
+    };
+  };
+
   const theme = (0, _core.useTheme)();
   const defaultColor = theme.palette.background.default;
 
@@ -36,6 +52,10 @@ function StatusBarProvider(props) {
   const [backgroundViewColor, setBackgroundViewColor] = _react.default.useState(defaultColor);
 
   const setBackgroundColor = value => {
+    mergeStatusBarPropsRef({
+      backgroundColor: value
+    });
+
     if (_reactNative.Platform.OS === 'android') {
       _reactNative.StatusBar.setBackgroundColor(value);
     }
@@ -46,10 +66,18 @@ function StatusBarProvider(props) {
   };
 
   const setBarStyle = (value, animated) => {
+    mergeStatusBarPropsRef({
+      barStyle: value
+    });
+
     _reactNative.StatusBar.setBarStyle(value, animated);
   };
 
   const setHidden = value => {
+    mergeStatusBarPropsRef({
+      hidden: value
+    });
+
     if (_reactNative.Platform.OS === 'ios') {
       setVisible(!value);
     }
@@ -58,11 +86,86 @@ function StatusBarProvider(props) {
   };
 
   const setTranslucent = value => {
+    mergeStatusBarPropsRef({
+      translucent: value
+    });
+
     if (_reactNative.Platform.OS === 'android') {
       _reactNative.StatusBar.setTranslucent(value);
     }
   };
 
+  const updateStatusBarProps = statusBarProps => {
+    const {
+      barStyle,
+      animatedBarStyle,
+      backgroundColor,
+      hidden,
+      translucent
+    } = statusBarProps;
+
+    if (!R.isNil(barStyle)) {
+      setBarStyle(barStyle, animatedBarStyle);
+    }
+
+    if (!R.isNil(backgroundColor)) {
+      setBackgroundColor(backgroundColor);
+    }
+
+    if (!R.isNil(hidden)) {
+      setHidden(hidden);
+    }
+
+    if (!R.isNil(translucent)) {
+      setTranslucent(translucent);
+    }
+  };
+
+  const restoreInitialStack = () => {
+    if (statusBarPropsStackRef.current.length === 0) {
+      return;
+    }
+
+    const initialStatusBar = statusBarPropsStackRef.current[0];
+    updateStatusBarProps(initialStatusBar);
+    statusBarPropsStackRef.current = [statusBarPropsStackRef.current[0]];
+  };
+
+  const clearStack = () => {
+    statusBarPropsStackRef.current = new Array();
+  };
+
+  const pushStack = statusBarProps => {
+    updateStatusBarProps(statusBarProps);
+    statusBarPropsStackRef.current.push(currentStatusBarPropsRef.current);
+  };
+
+  const replaceStack = statusBarProps => {
+    if (statusBarPropsStackRef.current.length === 0) {
+      return;
+    }
+
+    updateStatusBarProps(statusBarProps);
+    statusBarPropsStackRef.current[statusBarPropsStackRef.current.length - 1] = currentStatusBarPropsRef.current;
+  };
+
+  const popStack = () => {
+    if (statusBarPropsStackRef.current.length === 0) {
+      return;
+    }
+
+    const prevStack = statusBarPropsStackRef.current.length >= 2 ? statusBarPropsStackRef.current[statusBarPropsStackRef.current.length - 2] : undefined;
+    statusBarPropsStackRef.current.pop();
+
+    if (R.isNil(prevStack)) {
+      return;
+    }
+
+    updateStatusBarProps(prevStack);
+  };
+
+  const getCurrentStatusBarProps = () => currentStatusBarPropsRef.current;
+
   const shouldRenderBackgroundView = _reactNative.Platform.OS === 'ios' && visible;
   const inset = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
   const backgroundViewStyle = (0, _styles.css)([{
@@ -79,7 +182,13 @@ function StatusBarProvider(props) {
       setBackgroundColor,
       setBarStyle,
       setHidden,
-      setTranslucent
+      setTranslucent,
+      pushStack,
+      popStack,
+      replaceStack,
+      getCurrentStatusBarProps,
+      restoreInitialStack,
+      clearStack
     }
   }, shouldRenderBackgroundView ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: backgroundViewStyle

package/build/commonjs/StatusBarProvider/StatusBarProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["initialVisible","Platform","select","ios","android","StatusBarProvider","props","children","theme","useTheme","defaultColor","palette","background","default","visible","setVisible","React","useState","backgroundViewColor","setBackgroundViewColor","setBackgroundColor","value","OS","RNStatusBar","setBarStyle","animated","setHidden","setTranslucent","shouldRenderBackgroundView","inset","useSafeAreaInsets","backgroundViewStyle","css","backgroundColor","height","top","left","position","right","zIndex","statusBar"],"sources":["StatusBarProvider.tsx"],"sourcesContent":["import React from 'react';\nimport type { StatusBarStyle } from 'react-native';\nimport { Platform, StatusBar as RNStatusBar, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { useTheme } from '@fountain-ui/core';\nimport { css } from '@fountain-ui/styles';\nimport Provider from './Provider';\nimport type StatusBarProviderProps from './StatusBarProviderProps';\n\nconst initialVisible = Platform.select({\n    ios: true,\n    android: false,\n});\n\nexport default function StatusBarProvider(props: StatusBarProviderProps) {\n    const { children } = props;\n\n    const theme = useTheme();\n    const defaultColor = theme.palette.background.default;\n\n    const [visible, setVisible] = React.useState(initialVisible);\n    const [backgroundViewColor, setBackgroundViewColor] = React.useState(defaultColor);\n\n    const setBackgroundColor = (value: string) => {\n        if (Platform.OS === 'android') {\n            RNStatusBar.setBackgroundColor(value);\n        }\n\n        if (Platform.OS === 'ios') {\n            setBackgroundViewColor(value);\n        }\n    };\n\n    const setBarStyle = (value: StatusBarStyle, animated?: boolean) => {\n        RNStatusBar.setBarStyle(value, animated);\n    };\n\n    const setHidden = (value: boolean) => {\n        if (Platform.OS === 'ios') {\n            setVisible(!value);\n        }\n\n        RNStatusBar.setHidden(value);\n    };\n\n    const setTranslucent = (value: boolean) => {\n        if (Platform.OS === 'android') {\n            RNStatusBar.setTranslucent(value);\n        }\n    };\n\n    const shouldRenderBackgroundView = Platform.OS === 'ios' && visible;\n\n    const inset = useSafeAreaInsets();\n    const backgroundViewStyle = css([\n        {\n            backgroundColor: backgroundViewColor,\n            height: inset.top,\n            left: 0,\n            position: 'absolute',\n            right: 0,\n            top: 0,\n            zIndex: theme.zIndex.statusBar,\n        },\n    ]);\n\n    return (\n        <Provider value={{\n            setBackgroundColor,\n            setBarStyle,\n            setHidden,\n            setTranslucent,\n        }}>\n            {shouldRenderBackgroundView ? (\n                <View style={backgroundViewStyle}/>\n            ) : null}\n            {children}\n        </Provider>\n    );\n}"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AAGA,MAAMA,cAAc,GAAGC,qBAAA,CAASC,MAAT,CAAgB;EACnCC,GAAG,EAAE,IAD8B;EAEnCC,OAAO,EAAE;AAF0B,CAAhB,CAAvB;;AAKe,SAASC,iBAAT,CAA2BC,KAA3B,EAA0D;EACrE,MAAM;IAAEC;EAAF,IAAeD,KAArB;EAEA,MAAME,KAAK,GAAG,IAAAC,cAAA,GAAd;EACA,MAAMC,YAAY,GAAGF,KAAK,CAACG,OAAN,CAAcC,UAAd,CAAyBC,OAA9C;;EAEA,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwBC,cAAA,CAAMC,QAAN,CAAejB,cAAf,CAA9B;;EACA,MAAM,CAACkB,mBAAD,EAAsBC,sBAAtB,IAAgDH,cAAA,CAAMC,QAAN,CAAeP,YAAf,CAAtD;;EAEA,MAAMU,kBAAkB,GAAIC,KAAD,IAAmB;IAC1C,IAAIpB,qBAAA,CAASqB,EAAT,KAAgB,SAApB,EAA+B;MAC3BC,sBAAA,CAAYH,kBAAZ,CAA+BC,KAA/B;IACH;;IAED,IAAIpB,qBAAA,CAASqB,EAAT,KAAgB,KAApB,EAA2B;MACvBH,sBAAsB,CAACE,KAAD,CAAtB;IACH;EACJ,CARD;;EAUA,MAAMG,WAAW,GAAG,CAACH,KAAD,EAAwBI,QAAxB,KAA+C;IAC/DF,sBAAA,CAAYC,WAAZ,CAAwBH,KAAxB,EAA+BI,QAA/B;EACH,CAFD;;EAIA,MAAMC,SAAS,GAAIL,KAAD,IAAoB;IAClC,IAAIpB,qBAAA,CAASqB,EAAT,KAAgB,KAApB,EAA2B;MACvBP,UAAU,CAAC,CAACM,KAAF,CAAV;IACH;;IAEDE,sBAAA,CAAYG,SAAZ,CAAsBL,KAAtB;EACH,CAND;;EAQA,MAAMM,cAAc,GAAIN,KAAD,IAAoB;IACvC,IAAIpB,qBAAA,CAASqB,EAAT,KAAgB,SAApB,EAA+B;MAC3BC,sBAAA,CAAYI,cAAZ,CAA2BN,KAA3B;IACH;EACJ,CAJD;;EAMA,MAAMO,0BAA0B,GAAG3B,qBAAA,CAASqB,EAAT,KAAgB,KAAhB,IAAyBR,OAA5D;EAEA,MAAMe,KAAK,GAAG,IAAAC,6CAAA,GAAd;EACA,MAAMC,mBAAmB,GAAG,IAAAC,WAAA,EAAI,CAC5B;IACIC,eAAe,EAAEf,mBADrB;IAEIgB,MAAM,EAAEL,KAAK,CAACM,GAFlB;IAGIC,IAAI,EAAE,CAHV;IAIIC,QAAQ,EAAE,UAJd;IAKIC,KAAK,EAAE,CALX;IAMIH,GAAG,EAAE,CANT;IAOII,MAAM,EAAE/B,KAAK,CAAC+B,MAAN,CAAaC;EAPzB,CAD4B,CAAJ,CAA5B;EAYA,oBACI,6BAAC,iBAAD;IAAU,KAAK,EAAE;MACbpB,kBADa;MAEbI,WAFa;MAGbE,SAHa;MAIbC;IAJa;EAAjB,GAMKC,0BAA0B,gBACvB,6BAAC,iBAAD;IAAM,KAAK,EAAEG;EAAb,EADuB,GAEvB,IARR,EASKxB,QATL,CADJ;AAaH"}
+{"version":3,"names":["initialVisible","Platform","select","ios","android","StatusBarProvider","props","children","currentStatusBarPropsRef","useRef","initialStatusBarPropsStack","Array","statusBarPropsStackRef","mergeStatusBarPropsRef","current","theme","useTheme","defaultColor","palette","background","default","visible","setVisible","React","useState","backgroundViewColor","setBackgroundViewColor","setBackgroundColor","value","backgroundColor","OS","RNStatusBar","setBarStyle","animated","barStyle","setHidden","hidden","setTranslucent","translucent","updateStatusBarProps","statusBarProps","animatedBarStyle","R","isNil","restoreInitialStack","length","initialStatusBar","clearStack","pushStack","push","replaceStack","popStack","prevStack","undefined","pop","getCurrentStatusBarProps","shouldRenderBackgroundView","inset","useSafeAreaInsets","backgroundViewStyle","css","height","top","left","position","right","zIndex","statusBar"],"sources":["StatusBarProvider.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport type { StatusBarStyle } from 'react-native';\nimport { Platform, StatusBar as RNStatusBar, View } from 'react-native';\nimport * as R from 'ramda';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { useTheme } from '@fountain-ui/core';\nimport { css } from '@fountain-ui/styles';\nimport Provider from './Provider';\nimport type { StatusBarProps } from './Provider';\nimport type StatusBarProviderProps from './StatusBarProviderProps';\n\nconst initialVisible = Platform.select({\n    ios: true,\n    android: false,\n});\n\nexport default function StatusBarProvider(props: StatusBarProviderProps) {\n    const { children } = props;\n\n    const currentStatusBarPropsRef = useRef<StatusBarProps | {}>({});\n\n    const initialStatusBarPropsStack = new Array<StatusBarProps>();\n    const statusBarPropsStackRef = useRef(initialStatusBarPropsStack);\n\n    const mergeStatusBarPropsRef = (props: StatusBarProps) => {\n        currentStatusBarPropsRef.current = {\n            ...currentStatusBarPropsRef.current,\n            ...props,\n        };\n    };\n\n    const theme = useTheme();\n    const defaultColor = theme.palette.background.default;\n\n    const [visible, setVisible] = React.useState(initialVisible);\n    const [backgroundViewColor, setBackgroundViewColor] = React.useState(defaultColor);\n\n    const setBackgroundColor = (value: string) => {\n        mergeStatusBarPropsRef({ backgroundColor: value });\n\n        if (Platform.OS === 'android') {\n            RNStatusBar.setBackgroundColor(value);\n        }\n\n        if (Platform.OS === 'ios') {\n            setBackgroundViewColor(value);\n        }\n    };\n\n    const setBarStyle = (value: StatusBarStyle, animated?: boolean) => {\n        mergeStatusBarPropsRef({ barStyle: value });\n        RNStatusBar.setBarStyle(value, animated);\n    };\n\n    const setHidden = (value: boolean) => {\n        mergeStatusBarPropsRef({ hidden: value });\n\n        if (Platform.OS === 'ios') {\n            setVisible(!value);\n        }\n\n        RNStatusBar.setHidden(value);\n    };\n\n    const setTranslucent = (value: boolean) => {\n        mergeStatusBarPropsRef({ translucent: value });\n\n        if (Platform.OS === 'android') {\n            RNStatusBar.setTranslucent(value);\n        }\n    };\n\n    const updateStatusBarProps = (statusBarProps: StatusBarProps) => {\n        const {\n            barStyle,\n            animatedBarStyle,\n            backgroundColor,\n            hidden,\n            translucent,\n        } = statusBarProps;\n\n        if (!R.isNil(barStyle)) {\n            setBarStyle(barStyle, animatedBarStyle);\n        }\n\n        if (!R.isNil(backgroundColor)) {\n            setBackgroundColor(backgroundColor);\n        }\n\n        if (!R.isNil(hidden)) {\n            setHidden(hidden);\n        }\n\n        if (!R.isNil(translucent)) {\n            setTranslucent(translucent);\n        }\n    };\n\n    const restoreInitialStack = () => {\n        if (statusBarPropsStackRef.current.length === 0) {\n            return;\n        }\n\n        const initialStatusBar = statusBarPropsStackRef.current[0];\n        updateStatusBarProps(initialStatusBar);\n\n        statusBarPropsStackRef.current = [statusBarPropsStackRef.current[0]];\n    };\n\n    const clearStack = () => {\n        statusBarPropsStackRef.current = new Array<StatusBarProps>();\n    };\n\n    const pushStack = (statusBarProps: StatusBarProps) => {\n        updateStatusBarProps(statusBarProps);\n        statusBarPropsStackRef.current.push(currentStatusBarPropsRef.current);\n    };\n\n    const replaceStack = (statusBarProps: StatusBarProps) => {\n        if (statusBarPropsStackRef.current.length === 0) {\n            return;\n        }\n\n        updateStatusBarProps(statusBarProps);\n        statusBarPropsStackRef.current[statusBarPropsStackRef.current.length - 1] = currentStatusBarPropsRef.current;\n    };\n\n    const popStack = () => {\n        if (statusBarPropsStackRef.current.length === 0) {\n            return;\n        }\n\n        const prevStack = statusBarPropsStackRef.current.length >= 2\n            ? statusBarPropsStackRef.current[statusBarPropsStackRef.current.length - 2]\n            : undefined;\n\n        statusBarPropsStackRef.current.pop();\n\n        if (R.isNil(prevStack)) {\n            return;\n        }\n\n        updateStatusBarProps(prevStack);\n    };\n\n    const getCurrentStatusBarProps = () => currentStatusBarPropsRef.current;\n\n    const shouldRenderBackgroundView = Platform.OS === 'ios' && visible;\n\n    const inset = useSafeAreaInsets();\n    const backgroundViewStyle = css([\n        {\n            backgroundColor: backgroundViewColor,\n            height: inset.top,\n            left: 0,\n            position: 'absolute',\n            right: 0,\n            top: 0,\n            zIndex: theme.zIndex.statusBar,\n        },\n    ]);\n\n    return (\n        <Provider value={{\n            setBackgroundColor,\n            setBarStyle,\n            setHidden,\n            setTranslucent,\n            pushStack,\n            popStack,\n            replaceStack,\n            getCurrentStatusBarProps,\n            restoreInitialStack,\n            clearStack,\n        }}>\n            {shouldRenderBackgroundView ? (\n                <View style={backgroundViewStyle}/>\n            ) : null}\n            {children}\n        </Provider>\n    );\n}"],"mappings":"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"}

package/build/module/StatusBarProvider/Provider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StatusBarContext","createContext","useStatusBarContext","useContext","Provider"],"sources":["Provider.ts"],"sourcesContent":["import React from 'react';\nimport type { StatusBarStyle } from 'react-native';\n\nexport interface StatusBarProviderValue {\n    setTranslucent: (value: boolean) => void;\n    setBackgroundColor: (value: string) => void;\n    setHidden: (value: boolean) => void;\n    setBarStyle: (value: StatusBarStyle, animated?: boolean) => void;\n}\n\nexport const StatusBarContext = React.createContext<StatusBarProviderValue | null>(null);\n\nexport const useStatusBarContext = () => {\n    return React.useContext(StatusBarContext);\n};\n\nexport default StatusBarContext.Provider;"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAUA,OAAO,MAAMC,gBAAgB,gBAAGD,KAAK,CAACE,aAAN,CAAmD,IAAnD,CAAzB;AAEP,OAAO,MAAMC,mBAAmB,GAAG,MAAM;EACrC,OAAOH,KAAK,CAACI,UAAN,CAAiBH,gBAAjB,CAAP;AACH,CAFM;AAIP,eAAeA,gBAAgB,CAACI,QAAhC"}
+{"version":3,"names":["React","StatusBarContext","createContext","useStatusBarContext","useContext","Provider"],"sources":["Provider.ts"],"sourcesContent":["import React from 'react';\nimport type { StatusBarStyle } from 'react-native';\n\nexport interface StatusBarProps {\n    barStyle?: StatusBarStyle;\n    animatedBarStyle?: boolean;\n    backgroundColor?: string;\n    hidden?: boolean;\n    translucent?: boolean;\n}\n\nexport interface StatusBarProviderValue {\n    setTranslucent: (value: boolean) => void;\n    setBackgroundColor: (value: string) => void;\n    setHidden: (value: boolean) => void;\n    setBarStyle: (value: StatusBarStyle, animated?: boolean) => void;\n    restoreInitialStack: () => void;\n    clearStack: () => void;\n    pushStack: (statusBarProps: StatusBarProps) => void;\n    replaceStack: (statusBarProps: StatusBarProps) => void;\n    popStack: () => void;\n    getCurrentStatusBarProps: () => StatusBarProps | {};\n}\n\nexport const StatusBarContext = React.createContext<StatusBarProviderValue | null>(null);\n\nexport const useStatusBarContext = () => {\n    return React.useContext(StatusBarContext);\n};\n\nexport default StatusBarContext.Provider;"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAwBA,OAAO,MAAMC,gBAAgB,gBAAGD,KAAK,CAACE,aAAN,CAAmD,IAAnD,CAAzB;AAEP,OAAO,MAAMC,mBAAmB,GAAG,MAAM;EACrC,OAAOH,KAAK,CAACI,UAAN,CAAiBH,gBAAjB,CAAP;AACH,CAFM;AAIP,eAAeA,gBAAgB,CAACI,QAAhC"}

package/build/module/StatusBarProvider/StatusBarProvider.js

@@ -1,5 +1,6 @@
-import React from 'react';
+import React, { useRef } from 'react';
 import { Platform, StatusBar as RNStatusBar, View } from 'react-native';
+import * as R from 'ramda';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { useTheme } from '@fountain-ui/core';
 import { css } from '@fountain-ui/styles';
@@ -12,12 +13,26 @@ export default function StatusBarProvider(props) {
   const {
     children
   } = props;
+  const currentStatusBarPropsRef = useRef({});
+  const initialStatusBarPropsStack = new Array();
+  const statusBarPropsStackRef = useRef(initialStatusBarPropsStack);
+
+  const mergeStatusBarPropsRef = props => {
+    currentStatusBarPropsRef.current = { ...currentStatusBarPropsRef.current,
+      ...props
+    };
+  };
+
   const theme = useTheme();
   const defaultColor = theme.palette.background.default;
   const [visible, setVisible] = React.useState(initialVisible);
   const [backgroundViewColor, setBackgroundViewColor] = React.useState(defaultColor);
 
   const setBackgroundColor = value => {
+    mergeStatusBarPropsRef({
+      backgroundColor: value
+    });
+
     if (Platform.OS === 'android') {
       RNStatusBar.setBackgroundColor(value);
     }
@@ -28,10 +43,17 @@ export default function StatusBarProvider(props) {
   };
 
   const setBarStyle = (value, animated) => {
+    mergeStatusBarPropsRef({
+      barStyle: value
+    });
     RNStatusBar.setBarStyle(value, animated);
   };
 
   const setHidden = value => {
+    mergeStatusBarPropsRef({
+      hidden: value
+    });
+
     if (Platform.OS === 'ios') {
       setVisible(!value);
     }
@@ -40,11 +62,86 @@ export default function StatusBarProvider(props) {
   };
 
   const setTranslucent = value => {
+    mergeStatusBarPropsRef({
+      translucent: value
+    });
+
     if (Platform.OS === 'android') {
       RNStatusBar.setTranslucent(value);
     }
   };
 
+  const updateStatusBarProps = statusBarProps => {
+    const {
+      barStyle,
+      animatedBarStyle,
+      backgroundColor,
+      hidden,
+      translucent
+    } = statusBarProps;
+
+    if (!R.isNil(barStyle)) {
+      setBarStyle(barStyle, animatedBarStyle);
+    }
+
+    if (!R.isNil(backgroundColor)) {
+      setBackgroundColor(backgroundColor);
+    }
+
+    if (!R.isNil(hidden)) {
+      setHidden(hidden);
+    }
+
+    if (!R.isNil(translucent)) {
+      setTranslucent(translucent);
+    }
+  };
+
+  const restoreInitialStack = () => {
+    if (statusBarPropsStackRef.current.length === 0) {
+      return;
+    }
+
+    const initialStatusBar = statusBarPropsStackRef.current[0];
+    updateStatusBarProps(initialStatusBar);
+    statusBarPropsStackRef.current = [statusBarPropsStackRef.current[0]];
+  };
+
+  const clearStack = () => {
+    statusBarPropsStackRef.current = new Array();
+  };
+
+  const pushStack = statusBarProps => {
+    updateStatusBarProps(statusBarProps);
+    statusBarPropsStackRef.current.push(currentStatusBarPropsRef.current);
+  };
+
+  const replaceStack = statusBarProps => {
+    if (statusBarPropsStackRef.current.length === 0) {
+      return;
+    }
+
+    updateStatusBarProps(statusBarProps);
+    statusBarPropsStackRef.current[statusBarPropsStackRef.current.length - 1] = currentStatusBarPropsRef.current;
+  };
+
+  const popStack = () => {
+    if (statusBarPropsStackRef.current.length === 0) {
+      return;
+    }
+
+    const prevStack = statusBarPropsStackRef.current.length >= 2 ? statusBarPropsStackRef.current[statusBarPropsStackRef.current.length - 2] : undefined;
+    statusBarPropsStackRef.current.pop();
+
+    if (R.isNil(prevStack)) {
+      return;
+    }
+
+    updateStatusBarProps(prevStack);
+  };
+
+  const getCurrentStatusBarProps = () => currentStatusBarPropsRef.current;
+
   const shouldRenderBackgroundView = Platform.OS === 'ios' && visible;
   const inset = useSafeAreaInsets();
   const backgroundViewStyle = css([{
@@ -61,7 +158,13 @@ export default function StatusBarProvider(props) {
       setBackgroundColor,
       setBarStyle,
       setHidden,
-      setTranslucent
+      setTranslucent,
+      pushStack,
+      popStack,
+      replaceStack,
+      getCurrentStatusBarProps,
+      restoreInitialStack,
+      clearStack
     }
   }, shouldRenderBackgroundView ? /*#__PURE__*/React.createElement(View, {
     style: backgroundViewStyle

package/build/module/StatusBarProvider/StatusBarProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","StatusBar","RNStatusBar","View","useSafeAreaInsets","useTheme","css","Provider","initialVisible","select","ios","android","StatusBarProvider","props","children","theme","defaultColor","palette","background","default","visible","setVisible","useState","backgroundViewColor","setBackgroundViewColor","setBackgroundColor","value","OS","setBarStyle","animated","setHidden","setTranslucent","shouldRenderBackgroundView","inset","backgroundViewStyle","backgroundColor","height","top","left","position","right","zIndex","statusBar"],"sources":["StatusBarProvider.tsx"],"sourcesContent":["import React from 'react';\nimport type { StatusBarStyle } from 'react-native';\nimport { Platform, StatusBar as RNStatusBar, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { useTheme } from '@fountain-ui/core';\nimport { css } from '@fountain-ui/styles';\nimport Provider from './Provider';\nimport type StatusBarProviderProps from './StatusBarProviderProps';\n\nconst initialVisible = Platform.select({\n    ios: true,\n    android: false,\n});\n\nexport default function StatusBarProvider(props: StatusBarProviderProps) {\n    const { children } = props;\n\n    const theme = useTheme();\n    const defaultColor = theme.palette.background.default;\n\n    const [visible, setVisible] = React.useState(initialVisible);\n    const [backgroundViewColor, setBackgroundViewColor] = React.useState(defaultColor);\n\n    const setBackgroundColor = (value: string) => {\n        if (Platform.OS === 'android') {\n            RNStatusBar.setBackgroundColor(value);\n        }\n\n        if (Platform.OS === 'ios') {\n            setBackgroundViewColor(value);\n        }\n    };\n\n    const setBarStyle = (value: StatusBarStyle, animated?: boolean) => {\n        RNStatusBar.setBarStyle(value, animated);\n    };\n\n    const setHidden = (value: boolean) => {\n        if (Platform.OS === 'ios') {\n            setVisible(!value);\n        }\n\n        RNStatusBar.setHidden(value);\n    };\n\n    const setTranslucent = (value: boolean) => {\n        if (Platform.OS === 'android') {\n            RNStatusBar.setTranslucent(value);\n        }\n    };\n\n    const shouldRenderBackgroundView = Platform.OS === 'ios' && visible;\n\n    const inset = useSafeAreaInsets();\n    const backgroundViewStyle = css([\n        {\n            backgroundColor: backgroundViewColor,\n            height: inset.top,\n            left: 0,\n            position: 'absolute',\n            right: 0,\n            top: 0,\n            zIndex: theme.zIndex.statusBar,\n        },\n    ]);\n\n    return (\n        <Provider value={{\n            setBackgroundColor,\n            setBarStyle,\n            setHidden,\n            setTranslucent,\n        }}>\n            {shouldRenderBackgroundView ? (\n                <View style={backgroundViewStyle}/>\n            ) : null}\n            {children}\n        </Provider>\n    );\n}"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,QAAT,EAAmBC,SAAS,IAAIC,WAAhC,EAA6CC,IAA7C,QAAyD,cAAzD;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AACA,SAASC,QAAT,QAAyB,mBAAzB;AACA,SAASC,GAAT,QAAoB,qBAApB;AACA,OAAOC,QAAP,MAAqB,YAArB;AAGA,MAAMC,cAAc,GAAGR,QAAQ,CAACS,MAAT,CAAgB;EACnCC,GAAG,EAAE,IAD8B;EAEnCC,OAAO,EAAE;AAF0B,CAAhB,CAAvB;AAKA,eAAe,SAASC,iBAAT,CAA2BC,KAA3B,EAA0D;EACrE,MAAM;IAAEC;EAAF,IAAeD,KAArB;EAEA,MAAME,KAAK,GAAGV,QAAQ,EAAtB;EACA,MAAMW,YAAY,GAAGD,KAAK,CAACE,OAAN,CAAcC,UAAd,CAAyBC,OAA9C;EAEA,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwBtB,KAAK,CAACuB,QAAN,CAAed,cAAf,CAA9B;EACA,MAAM,CAACe,mBAAD,EAAsBC,sBAAtB,IAAgDzB,KAAK,CAACuB,QAAN,CAAeN,YAAf,CAAtD;;EAEA,MAAMS,kBAAkB,GAAIC,KAAD,IAAmB;IAC1C,IAAI1B,QAAQ,CAAC2B,EAAT,KAAgB,SAApB,EAA+B;MAC3BzB,WAAW,CAACuB,kBAAZ,CAA+BC,KAA/B;IACH;;IAED,IAAI1B,QAAQ,CAAC2B,EAAT,KAAgB,KAApB,EAA2B;MACvBH,sBAAsB,CAACE,KAAD,CAAtB;IACH;EACJ,CARD;;EAUA,MAAME,WAAW,GAAG,CAACF,KAAD,EAAwBG,QAAxB,KAA+C;IAC/D3B,WAAW,CAAC0B,WAAZ,CAAwBF,KAAxB,EAA+BG,QAA/B;EACH,CAFD;;EAIA,MAAMC,SAAS,GAAIJ,KAAD,IAAoB;IAClC,IAAI1B,QAAQ,CAAC2B,EAAT,KAAgB,KAApB,EAA2B;MACvBN,UAAU,CAAC,CAACK,KAAF,CAAV;IACH;;IAEDxB,WAAW,CAAC4B,SAAZ,CAAsBJ,KAAtB;EACH,CAND;;EAQA,MAAMK,cAAc,GAAIL,KAAD,IAAoB;IACvC,IAAI1B,QAAQ,CAAC2B,EAAT,KAAgB,SAApB,EAA+B;MAC3BzB,WAAW,CAAC6B,cAAZ,CAA2BL,KAA3B;IACH;EACJ,CAJD;;EAMA,MAAMM,0BAA0B,GAAGhC,QAAQ,CAAC2B,EAAT,KAAgB,KAAhB,IAAyBP,OAA5D;EAEA,MAAMa,KAAK,GAAG7B,iBAAiB,EAA/B;EACA,MAAM8B,mBAAmB,GAAG5B,GAAG,CAAC,CAC5B;IACI6B,eAAe,EAAEZ,mBADrB;IAEIa,MAAM,EAAEH,KAAK,CAACI,GAFlB;IAGIC,IAAI,EAAE,CAHV;IAIIC,QAAQ,EAAE,UAJd;IAKIC,KAAK,EAAE,CALX;IAMIH,GAAG,EAAE,CANT;IAOII,MAAM,EAAE1B,KAAK,CAAC0B,MAAN,CAAaC;EAPzB,CAD4B,CAAD,CAA/B;EAYA,oBACI,oBAAC,QAAD;IAAU,KAAK,EAAE;MACbjB,kBADa;MAEbG,WAFa;MAGbE,SAHa;MAIbC;IAJa;EAAjB,GAMKC,0BAA0B,gBACvB,oBAAC,IAAD;IAAM,KAAK,EAAEE;EAAb,EADuB,GAEvB,IARR,EASKpB,QATL,CADJ;AAaH"}
+{"version":3,"names":["React","useRef","Platform","StatusBar","RNStatusBar","View","R","useSafeAreaInsets","useTheme","css","Provider","initialVisible","select","ios","android","StatusBarProvider","props","children","currentStatusBarPropsRef","initialStatusBarPropsStack","Array","statusBarPropsStackRef","mergeStatusBarPropsRef","current","theme","defaultColor","palette","background","default","visible","setVisible","useState","backgroundViewColor","setBackgroundViewColor","setBackgroundColor","value","backgroundColor","OS","setBarStyle","animated","barStyle","setHidden","hidden","setTranslucent","translucent","updateStatusBarProps","statusBarProps","animatedBarStyle","isNil","restoreInitialStack","length","initialStatusBar","clearStack","pushStack","push","replaceStack","popStack","prevStack","undefined","pop","getCurrentStatusBarProps","shouldRenderBackgroundView","inset","backgroundViewStyle","height","top","left","position","right","zIndex","statusBar"],"sources":["StatusBarProvider.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport type { StatusBarStyle } from 'react-native';\nimport { Platform, StatusBar as RNStatusBar, View } from 'react-native';\nimport * as R from 'ramda';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { useTheme } from '@fountain-ui/core';\nimport { css } from '@fountain-ui/styles';\nimport Provider from './Provider';\nimport type { StatusBarProps } from './Provider';\nimport type StatusBarProviderProps from './StatusBarProviderProps';\n\nconst initialVisible = Platform.select({\n    ios: true,\n    android: false,\n});\n\nexport default function StatusBarProvider(props: StatusBarProviderProps) {\n    const { children } = props;\n\n    const currentStatusBarPropsRef = useRef<StatusBarProps | {}>({});\n\n    const initialStatusBarPropsStack = new Array<StatusBarProps>();\n    const statusBarPropsStackRef = useRef(initialStatusBarPropsStack);\n\n    const mergeStatusBarPropsRef = (props: StatusBarProps) => {\n        currentStatusBarPropsRef.current = {\n            ...currentStatusBarPropsRef.current,\n            ...props,\n        };\n    };\n\n    const theme = useTheme();\n    const defaultColor = theme.palette.background.default;\n\n    const [visible, setVisible] = React.useState(initialVisible);\n    const [backgroundViewColor, setBackgroundViewColor] = React.useState(defaultColor);\n\n    const setBackgroundColor = (value: string) => {\n        mergeStatusBarPropsRef({ backgroundColor: value });\n\n        if (Platform.OS === 'android') {\n            RNStatusBar.setBackgroundColor(value);\n        }\n\n        if (Platform.OS === 'ios') {\n            setBackgroundViewColor(value);\n        }\n    };\n\n    const setBarStyle = (value: StatusBarStyle, animated?: boolean) => {\n        mergeStatusBarPropsRef({ barStyle: value });\n        RNStatusBar.setBarStyle(value, animated);\n    };\n\n    const setHidden = (value: boolean) => {\n        mergeStatusBarPropsRef({ hidden: value });\n\n        if (Platform.OS === 'ios') {\n            setVisible(!value);\n        }\n\n        RNStatusBar.setHidden(value);\n    };\n\n    const setTranslucent = (value: boolean) => {\n        mergeStatusBarPropsRef({ translucent: value });\n\n        if (Platform.OS === 'android') {\n            RNStatusBar.setTranslucent(value);\n        }\n    };\n\n    const updateStatusBarProps = (statusBarProps: StatusBarProps) => {\n        const {\n            barStyle,\n            animatedBarStyle,\n            backgroundColor,\n            hidden,\n            translucent,\n        } = statusBarProps;\n\n        if (!R.isNil(barStyle)) {\n            setBarStyle(barStyle, animatedBarStyle);\n        }\n\n        if (!R.isNil(backgroundColor)) {\n            setBackgroundColor(backgroundColor);\n        }\n\n        if (!R.isNil(hidden)) {\n            setHidden(hidden);\n        }\n\n        if (!R.isNil(translucent)) {\n            setTranslucent(translucent);\n        }\n    };\n\n    const restoreInitialStack = () => {\n        if (statusBarPropsStackRef.current.length === 0) {\n            return;\n        }\n\n        const initialStatusBar = statusBarPropsStackRef.current[0];\n        updateStatusBarProps(initialStatusBar);\n\n        statusBarPropsStackRef.current = [statusBarPropsStackRef.current[0]];\n    };\n\n    const clearStack = () => {\n        statusBarPropsStackRef.current = new Array<StatusBarProps>();\n    };\n\n    const pushStack = (statusBarProps: StatusBarProps) => {\n        updateStatusBarProps(statusBarProps);\n        statusBarPropsStackRef.current.push(currentStatusBarPropsRef.current);\n    };\n\n    const replaceStack = (statusBarProps: StatusBarProps) => {\n        if (statusBarPropsStackRef.current.length === 0) {\n            return;\n        }\n\n        updateStatusBarProps(statusBarProps);\n        statusBarPropsStackRef.current[statusBarPropsStackRef.current.length - 1] = currentStatusBarPropsRef.current;\n    };\n\n    const popStack = () => {\n        if (statusBarPropsStackRef.current.length === 0) {\n            return;\n        }\n\n        const prevStack = statusBarPropsStackRef.current.length >= 2\n            ? statusBarPropsStackRef.current[statusBarPropsStackRef.current.length - 2]\n            : undefined;\n\n        statusBarPropsStackRef.current.pop();\n\n        if (R.isNil(prevStack)) {\n            return;\n        }\n\n        updateStatusBarProps(prevStack);\n    };\n\n    const getCurrentStatusBarProps = () => currentStatusBarPropsRef.current;\n\n    const shouldRenderBackgroundView = Platform.OS === 'ios' && visible;\n\n    const inset = useSafeAreaInsets();\n    const backgroundViewStyle = css([\n        {\n            backgroundColor: backgroundViewColor,\n            height: inset.top,\n            left: 0,\n            position: 'absolute',\n            right: 0,\n            top: 0,\n            zIndex: theme.zIndex.statusBar,\n        },\n    ]);\n\n    return (\n        <Provider value={{\n            setBackgroundColor,\n            setBarStyle,\n            setHidden,\n            setTranslucent,\n            pushStack,\n            popStack,\n            replaceStack,\n            getCurrentStatusBarProps,\n            restoreInitialStack,\n            clearStack,\n        }}>\n            {shouldRenderBackgroundView ? (\n                <View style={backgroundViewStyle}/>\n            ) : null}\n            {children}\n        </Provider>\n    );\n}"],"mappings":"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"}

package/build/typescript/StatusBarProvider/Provider.d.ts

@@ -1,10 +1,23 @@
 import React from 'react';
 import type { StatusBarStyle } from 'react-native';
+export interface StatusBarProps {
+    barStyle?: StatusBarStyle;
+    animatedBarStyle?: boolean;
+    backgroundColor?: string;
+    hidden?: boolean;
+    translucent?: boolean;
+}
 export interface StatusBarProviderValue {
     setTranslucent: (value: boolean) => void;
     setBackgroundColor: (value: string) => void;
     setHidden: (value: boolean) => void;
     setBarStyle: (value: StatusBarStyle, animated?: boolean) => void;
+    restoreInitialStack: () => void;
+    clearStack: () => void;
+    pushStack: (statusBarProps: StatusBarProps) => void;
+    replaceStack: (statusBarProps: StatusBarProps) => void;
+    popStack: () => void;
+    getCurrentStatusBarProps: () => StatusBarProps | {};
 }
 export declare const StatusBarContext: React.Context<StatusBarProviderValue | null>;
 export declare const useStatusBarContext: () => StatusBarProviderValue | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fountain-ui/lab",
-  "version": "2.0.0-beta.80",
+  "version": "2.0.0-beta.81",
   "private": false,
   "author": "Fountain-UI Team",
   "description": "Incubator for Fountain-UI React components.",
@@ -70,5 +70,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "fc53763c65af960247a1c7b4fe89a6c699ed385c"
+  "gitHead": "87b7f59e7a8c74e81db8816455020b3d6526686c"
 }

package/src/StatusBarProvider/Provider.ts

@@ -1,11 +1,25 @@
 import React from 'react';
 import type { StatusBarStyle } from 'react-native';
 
+export interface StatusBarProps {
+    barStyle?: StatusBarStyle;
+    animatedBarStyle?: boolean;
+    backgroundColor?: string;
+    hidden?: boolean;
+    translucent?: boolean;
+}
+
 export interface StatusBarProviderValue {
     setTranslucent: (value: boolean) => void;
     setBackgroundColor: (value: string) => void;
     setHidden: (value: boolean) => void;
     setBarStyle: (value: StatusBarStyle, animated?: boolean) => void;
+    restoreInitialStack: () => void;
+    clearStack: () => void;
+    pushStack: (statusBarProps: StatusBarProps) => void;
+    replaceStack: (statusBarProps: StatusBarProps) => void;
+    popStack: () => void;
+    getCurrentStatusBarProps: () => StatusBarProps | {};
 }
 
 export const StatusBarContext = React.createContext<StatusBarProviderValue | null>(null);

package/src/StatusBarProvider/StatusBarProvider.tsx

@@ -1,10 +1,12 @@
-import React from 'react';
+import React, { useRef } from 'react';
 import type { StatusBarStyle } from 'react-native';
 import { Platform, StatusBar as RNStatusBar, View } from 'react-native';
+import * as R from 'ramda';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { useTheme } from '@fountain-ui/core';
 import { css } from '@fountain-ui/styles';
 import Provider from './Provider';
+import type { StatusBarProps } from './Provider';
 import type StatusBarProviderProps from './StatusBarProviderProps';
 
 const initialVisible = Platform.select({
@@ -15,6 +17,18 @@ const initialVisible = Platform.select({
 export default function StatusBarProvider(props: StatusBarProviderProps) {
     const { children } = props;
 
+    const currentStatusBarPropsRef = useRef<StatusBarProps | {}>({});
+
+    const initialStatusBarPropsStack = new Array<StatusBarProps>();
+    const statusBarPropsStackRef = useRef(initialStatusBarPropsStack);
+
+    const mergeStatusBarPropsRef = (props: StatusBarProps) => {
+        currentStatusBarPropsRef.current = {
+            ...currentStatusBarPropsRef.current,
+            ...props,
+        };
+    };
+
     const theme = useTheme();
     const defaultColor = theme.palette.background.default;
 
@@ -22,6 +36,8 @@ export default function StatusBarProvider(props: StatusBarProviderProps) {
     const [backgroundViewColor, setBackgroundViewColor] = React.useState(defaultColor);
 
     const setBackgroundColor = (value: string) => {
+        mergeStatusBarPropsRef({ backgroundColor: value });
+
         if (Platform.OS === 'android') {
             RNStatusBar.setBackgroundColor(value);
         }
@@ -32,10 +48,13 @@ export default function StatusBarProvider(props: StatusBarProviderProps) {
     };
 
     const setBarStyle = (value: StatusBarStyle, animated?: boolean) => {
+        mergeStatusBarPropsRef({ barStyle: value });
         RNStatusBar.setBarStyle(value, animated);
     };
 
     const setHidden = (value: boolean) => {
+        mergeStatusBarPropsRef({ hidden: value });
+
         if (Platform.OS === 'ios') {
             setVisible(!value);
         }
@@ -44,11 +63,88 @@ export default function StatusBarProvider(props: StatusBarProviderProps) {
     };
 
     const setTranslucent = (value: boolean) => {
+        mergeStatusBarPropsRef({ translucent: value });
+
         if (Platform.OS === 'android') {
             RNStatusBar.setTranslucent(value);
         }
     };
 
+    const updateStatusBarProps = (statusBarProps: StatusBarProps) => {
+        const {
+            barStyle,
+            animatedBarStyle,
+            backgroundColor,
+            hidden,
+            translucent,
+        } = statusBarProps;
+
+        if (!R.isNil(barStyle)) {
+            setBarStyle(barStyle, animatedBarStyle);
+        }
+
+        if (!R.isNil(backgroundColor)) {
+            setBackgroundColor(backgroundColor);
+        }
+
+        if (!R.isNil(hidden)) {
+            setHidden(hidden);
+        }
+
+        if (!R.isNil(translucent)) {
+            setTranslucent(translucent);
+        }
+    };
+
+    const restoreInitialStack = () => {
+        if (statusBarPropsStackRef.current.length === 0) {
+            return;
+        }
+
+        const initialStatusBar = statusBarPropsStackRef.current[0];
+        updateStatusBarProps(initialStatusBar);
+
+        statusBarPropsStackRef.current = [statusBarPropsStackRef.current[0]];
+    };
+
+    const clearStack = () => {
+        statusBarPropsStackRef.current = new Array<StatusBarProps>();
+    };
+
+    const pushStack = (statusBarProps: StatusBarProps) => {
+        updateStatusBarProps(statusBarProps);
+        statusBarPropsStackRef.current.push(currentStatusBarPropsRef.current);
+    };
+
+    const replaceStack = (statusBarProps: StatusBarProps) => {
+        if (statusBarPropsStackRef.current.length === 0) {
+            return;
+        }
+
+        updateStatusBarProps(statusBarProps);
+        statusBarPropsStackRef.current[statusBarPropsStackRef.current.length - 1] = currentStatusBarPropsRef.current;
+    };
+
+    const popStack = () => {
+        if (statusBarPropsStackRef.current.length === 0) {
+            return;
+        }
+
+        const prevStack = statusBarPropsStackRef.current.length >= 2
+            ? statusBarPropsStackRef.current[statusBarPropsStackRef.current.length - 2]
+            : undefined;
+
+        statusBarPropsStackRef.current.pop();
+
+        if (R.isNil(prevStack)) {
+            return;
+        }
+
+        updateStatusBarProps(prevStack);
+    };
+
+    const getCurrentStatusBarProps = () => currentStatusBarPropsRef.current;
+
     const shouldRenderBackgroundView = Platform.OS === 'ios' && visible;
 
     const inset = useSafeAreaInsets();
@@ -70,6 +166,12 @@ export default function StatusBarProvider(props: StatusBarProviderProps) {
             setBarStyle,
             setHidden,
             setTranslucent,
+            pushStack,
+            popStack,
+            replaceStack,
+            getCurrentStatusBarProps,
+            restoreInitialStack,
+            clearStack,
         }}>
             {shouldRenderBackgroundView ? (
                 <View style={backgroundViewStyle}/>