FastImageBox

Deprecated

The FastImageBox component has been deprecated and it's recommended to use the ImageBox component instead for future developments. However, FastImageBox remains available for maintaining legacy code where necessary.

Use ImageBox instead

We strongly urge all users and developers to migrate to use ImageBox as it includes more up-to-date information and enhancements catering to current needs.

For more support, please send us an email or send us a message in the #shop-minis channel in the Shopify Partners Slack.

• The FastImageBox component is a React Native component designed to efficiently handle image rendering with styling capabilities provided by Shop theme. This component is based on FastImage from react-native-fast-image, which provides enhanced performance for image loading and caching compared to the standard Image component in React Native.
  
  

  It extends the FastImage capabilities by integrating with the Box component through createBox, allowing it to inherit all styling properties applied in the theme, such as margins, padding, colors, etc., while benefiting from the efficient image handling of FastImage.

• 
  

  <FastImageBox
    source={{ uri: 'https://example.com/image.jpg' }}
    resizeMode="cover"
    key="unique-key"
  />

Props

For more details on the props, please refer to the FastImageBox Props.