Module `ProgressBarAndroid-BsReactNative`

let make: ?⁠animating:bool => ?⁠color:string => ?⁠indeterminate:bool => ?⁠progress:float => ?⁠styleAttr:[ `Horizontal | `Inverse | `Large | `LargeInverse | `Normal | `Small | `SmallInverse ] => ?⁠accessibilityLabel:ReasonReact.reactElement => ?⁠accessible:bool => ?⁠hitSlop:BsReactNative.Types.insets => ?⁠onAccessibilityTap:(unit => unit) => ?⁠onLayout:(BsReactNative.RNEvent.NativeLayoutEvent.t => unit) => ?⁠onMagicTap:(unit => unit) => ?⁠responderHandlers:BsReactNative.Types.touchResponderHandlers => ?⁠pointerEvents:BsReactNative.Types.pointerEvents => ?⁠removeClippedSubviews:bool => ?⁠style:BsReactNative.Style.t => ?⁠testID:string => ?⁠accessibilityComponentType:BsReactNative.Types.accessibilityComponentType => ?⁠accessibilityLiveRegion:BsReactNative.Types.accessibilityLiveRegion => ?⁠collapsable:bool => ?⁠importantForAccessibility:BsReactNative.Types.importantForAccessibility => ?⁠needsOffscreenAlphaCompositing:bool => ?⁠renderToHardwareTextureAndroid:bool => ?⁠accessibilityTraits:list(BsReactNative.Types.accessibilityTrait) => ?⁠accessibilityRole:BsReactNative.Types.accessibilityRole => ?⁠accessibilityStates:list(BsReactNative.Types.accessibilityState) => ?⁠accessibilityHint:string => ?⁠accessibilityIgnoresInvertColors:bool => ?⁠accessibilityViewIsModal:bool => ?⁠shouldRasterizeIOS:bool => array(ReasonReact.reactElement) => ReasonReact.component(ReasonReact.stateless, ReasonReact.noRetainedProps, ReasonReact.actionless);

Android-only component https://facebook.github.io/react-native/docs/progressbarandroid used to indicate that the app is loading or there is some activity in the app.

Example of use

Horizontal

let component = ReasonReact.statelessComponent("ExampleHorizontal");

let make = _children => {
  ...component,
  render: _children =>
    <View>
      <ProgressBarAndroid styleAttr=`Horizontal />
      <ProgressBarAndroid styleAttr=`Horizontal color="#2196F3" />
      <ProgressBarAndroid styleAttr=`Horizontal progress=0.5 />
    </View>,
};

Inverse

let component = ReasonReact.statelessComponent("ExampleInverse");

let make = _children => {
  ...component,
  render: _children =>
    <View>
      <ProgressBarAndroid styleAttr=`Inverse />
      <ProgressBarAndroid styleAttr=`Inverse color="#2196F3" />
    </View>,
};

Props

View props

color

~color: string=?,

animating

~animating: bool=?,

indeterminate

If the progress bar will show indeterminate progress. Note that this can only be false if StyleAttr=`Horizontal

~indeterminate: bool=?,

progress

Value between 0 and 1

~progress: float=?,

styleAttr

~styleAttr: [
             | `Horizontal
             | `Normal (default)
             | `Small
             | `Large
             | `Inverse
             | `SmallInverse
             | `LargeInverse
         ]
             =?,

testID

~testID: string=?,