Interface ShimmerFlexLayoutAndroidProps

Since

3.1.3

This class provides an easy way to add a shimmer effect to any view. It is useful as an unobtrusive loading indicator.

Example

import FlexLayout from '@smartface/native/ui/flexlayout';
    import Color from '@smartface/native/ui/color';

    const flex = new FlexLayout();
    flex.flexGrow = 1;
    flex.flexDirection = FlexLayout.FlexDirection.ROW;
    var flexImage = new FlexLayout();
    flexImage.flexGrow = 0.5;
    flexImage.margin = 20;
    flexImage.marginRight = 10;
    flexImage.borderRadius = 10;
    flexImage.backgroundColor = Color.LIGHTGRAY;

    flex.addChild(flexImage);

    const flexLabels = new FlexLayout();
    flexLabels.flexGrow = 1;

    const labelTop = new FlexLayout();
    labelTop.height = 20;
    labelTop.margin = 20;
    labelTop.marginBottom = 10;
    labelTop.borderRadius = 10;
    labelTop.backgroundColor = Color.LIGHTGRAY;
    flexLabels.addChild(labelTop);

    const labelCenter = new FlexLayout();
    labelCenter.height = 20;
    labelCenter.margin = 20;
    labelCenter.marginTop = 0;
    labelCenter.borderRadius = 10;
    labelCenter.marginRight = 100;
    labelCenter.backgroundColor = Color.LIGHTGRAY;
    flexLabels.addChild(labelCenter);

    const labelBottom = new FlexLayout();
    labelBottom.positionType = FlexLayout.PositionType.ABSOLUTE;
    labelBottom.bottom = 20;
    labelBottom.left = 20;
    labelBottom.height = 20;
    labelBottom.right = 40;
    labelBottom.borderRadius = 10;
    labelBottom.backgroundColor = Color.LIGHTGRAY;

    flexLabels.addChild(labelBottom);

    flex.addChild(flexLabels);

    const shimmer = new ShimmerFlexLayout();
    shimmer.height = 200;

    shimmer.ios.animationAlpha = 0.2;
    shimmer.baseAlpha = 0.5;
    shimmer.pauseDuration = 500;
    shimmer.android.highlightAlpha = 1;

    shimmer.android.build(ShimmerFlexLayout.Android.Shimmer.AlphaHighlight);
    shimmer.contentLayout = flex
    myPage.layout.addChild(shimmer);
    shimmer.startShimmering();