Nosmai  Effects Nosmai  Moderation Nosmai Try-ons coming soon
Docs menu React Native
How-to guide

Download a Cloud Filter in React Native

Fetch a typed cloud catalog through the React Native SDK, download one item, and apply its local package path.

Platform React Native SDK version 1.0.0 Updated Aug 22, 2026 Time 7 min

Prerequisites

Request the catalog

const page = await NosmaiCameraSdk.getCloudFilters({
  packageType: 'effect',
  page: 1,
  limit: 20,
});

Use the typed object returned by the SDK. Do not rebuild the item from display text.

Download and apply

const selected = page.filters[0];
const download = await NosmaiCameraSdk.downloadCloudFilter(selected);

await NosmaiCameraSdk.applyEffect(download.path);

To remove the active package, pass the same path to removeEffect. Keep one Promise per cloud identifier so repeated taps share the operation.

Handle cache eviction

Treat the downloaded URI as session/cache state, not a permanent application asset. The cache has no documented cross-platform TTL and the operating system can reclaim it. Re-query the SDK state when the item is selected and download again if the local package is missing. Keep the cloud item identifier as the durable reference.

Verify it worked

Reopen the camera screen and use the SDK's catalog or cache state rather than a stored temporary path.

Common errors

Error or symptomFix
E_INVALID_PACKAGE_PATHApply the downloader's returned path unchanged
Stale item updates a closed sheetIgnore results after the component unmounts
Duplicate network workReuse the in-flight Promise keyed by cloud identifier

Next steps

References

Was this page helpful?

Your response helps us prioritize documentation improvements.

Nosmai

An AR and AI company. Founded on the idea that the next decade of software will be visual, and that the tools for it should be within reach of anyone building.

Newsletter

Product updates and release notes. No spam.

© 2026 nosmai, inc · all rights reserved