How to use the @shoutem/animation.isAnimatedStyleValue function in @shoutem/animation

To help you get started, we’ve selected a few @shoutem/animation examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github shoutem / ui / navigation / NavigationBarView.js View on Github external
setStatusBarStyleAndroid(containerBackgroundColor, backgroundColor, statusBarStyle = {}) {
    // Android cannot resolve interpolated values for animated status bar
    // background colors so we fall back to default Android status bar styling
    if (isAnimatedStyleValue(containerBackgroundColor)) {
      StatusBar.setBackgroundColor('rgba(0, 0, 0, 0.2)');
      StatusBar.setBarStyle('default');
    } else {
      StatusBar.setBackgroundColor(containerBackgroundColor);
    }

    if (isAnimatedStyleValue(backgroundColor)) {
      this.backgroundListenerId = addAnimatedValueListener(backgroundColor, () => {
        this.resolveStatusBarStyle(backgroundColor);
      });
    }

    this.resolveStatusBarStyle(backgroundColor, true);

    if (!_.isUndefined(statusBarStyle.transluscent)) {
      StatusBar.setTranslucent(statusBarStyle.transluscent);
github shoutem / extensions / shoutem.navigation / app / components / ui / NavigationBarView.js View on Github external
setStatusBarStyleAndroid(containerBackgroundColor, backgroundColor, statusBarStyle = {}) {
    // Android cannot resolve interpolated values for animated status bar
    // background colors so we fall back to default Android status bar styling
    if (isAnimatedStyleValue(containerBackgroundColor)) {
      StatusBar.setBackgroundColor('rgba(0, 0, 0, 0.2)');
      StatusBar.setBarStyle('default');
    } else {
      StatusBar.setBackgroundColor(containerBackgroundColor);
    }

    if (isAnimatedStyleValue(backgroundColor)) {
      this.backgroundListenerId = addAnimatedValueListener(backgroundColor, () => {
        this.resolveStatusBarStyle(backgroundColor);
      });
    }

    this.resolveStatusBarStyle(backgroundColor, true);

    if (!_.isUndefined(statusBarStyle.transluscent)) {
      StatusBar.setTranslucent(statusBarStyle.transluscent);
github shoutem / extensions / shoutem.navigation / app / components / ui / NavigationBarView.js View on Github external
setStatusBarStyleIos(statusBarColor, backgroundColor, hasImage) {
    if (isAnimatedStyleValue(backgroundColor) && !Device.isIphoneX && !Device.isIphoneXR) {
      // If the backgroundColor is animated, we want to listen for
      // color changes, so that we can update the bar style as the
      // animation runs.
      this.backgroundListenerId = addAnimatedValueListener(backgroundColor, () => {
        this.resolveStatusBarStyle(backgroundColor);
      });
    }

    // Set the bar style based on the current background color value
    hasImage ?
      this.resolveStatusBarStyle(statusBarColor, true) :
      this.resolveStatusBarStyle(backgroundColor, true);
  }
github shoutem / extensions / shoutem.navigation / app / components / ui / NavigationBarView.js View on Github external
setStatusBarStyleAndroid(containerBackgroundColor, backgroundColor, statusBarStyle = {}) {
    // Android cannot resolve interpolated values for animated status bar
    // background colors so we fall back to default Android status bar styling
    if (isAnimatedStyleValue(containerBackgroundColor)) {
      StatusBar.setBackgroundColor('rgba(0, 0, 0, 0.2)');
      StatusBar.setBarStyle('default');
    } else {
      StatusBar.setBackgroundColor(containerBackgroundColor);
    }

    if (isAnimatedStyleValue(backgroundColor)) {
      this.backgroundListenerId = addAnimatedValueListener(backgroundColor, () => {
        this.resolveStatusBarStyle(backgroundColor);
      });
    }

    this.resolveStatusBarStyle(backgroundColor, true);

    if (!_.isUndefined(statusBarStyle.transluscent)) {
      StatusBar.setTranslucent(statusBarStyle.transluscent);
    }
  }
github shoutem / ui / navigation / NavigationBarView.js View on Github external
setStatusBarStyleIos(statusBarColor, backgroundColor, hasImage) {
    if (isAnimatedStyleValue(backgroundColor) && !Device.isIphoneX && !Device.isIphoneXR) {
      // If the backgroundColor is animated, we want to listen for
      // color changes, so that we can update the bar style as the
      // animation runs.
      this.backgroundListenerId = addAnimatedValueListener(backgroundColor, () => {
        this.resolveStatusBarStyle(backgroundColor);
      });
    }

    // Set the bar style based on the current background color value
    hasImage ?
      this.resolveStatusBarStyle(statusBarColor, true) :
      this.resolveStatusBarStyle(backgroundColor, true);
  }
github shoutem / ui / navigation / NavigationBarView.js View on Github external
setStatusBarStyleAndroid(containerBackgroundColor, backgroundColor, statusBarStyle = {}) {
    // Android cannot resolve interpolated values for animated status bar
    // background colors so we fall back to default Android status bar styling
    if (isAnimatedStyleValue(containerBackgroundColor)) {
      StatusBar.setBackgroundColor('rgba(0, 0, 0, 0.2)');
      StatusBar.setBarStyle('default');
    } else {
      StatusBar.setBackgroundColor(containerBackgroundColor);
    }

    if (isAnimatedStyleValue(backgroundColor)) {
      this.backgroundListenerId = addAnimatedValueListener(backgroundColor, () => {
        this.resolveStatusBarStyle(backgroundColor);
      });
    }

    this.resolveStatusBarStyle(backgroundColor, true);

    if (!_.isUndefined(statusBarStyle.transluscent)) {
      StatusBar.setTranslucent(statusBarStyle.transluscent);
    }
  }