MediaSFU React Native
    Preparing search index...

    Variable LoadingModalConst

    LoadingModal: React.FC<LoadingModalOptions> = ...

    LoadingModal presents a centered activity indicator with optional status text. It is ideal for blocking interactions while asynchronous work completes and can be themed or overridden for custom visuals.

    • Lightweight overlay with spinner and message.
    • Easily themed via backgroundColor, displayColor, and StyleProp.
    • Supports render overrides for custom loading UX.
    • Spinner conveys ongoing progress; pair with additional messaging when possible.

    Modal configuration.

    Rendered loading modal.

    <LoadingModal isVisible={true} />

    Example: Custom content override.

    <LoadingModal
      isVisible={isFetching}
      renderContent={({ defaultContent }) => (
        <View>
          {defaultContent}
          <Text style={{ marginTop: 8 }}>Syncing data…</Text>
        </View>
      )}
    />

    Settings

    Member Visibility

    On This Page

    Key FeaturesAccessibility