react-native-ui-lib/src/components/animatedImage/animatedImage.api.json

<p align="center"> <img src="https://user-images.githubusercontent.com/1780255/105469025-56759000-5ca0-11eb-993d-3568c1fd54f4.png" height="250px" style="display:block"/> </p> <p align="center">UI Toolset & Components Library for React Native</p> <p a

{
  "name": "AnimatedImage",
  "category": "basic",
  "description": "Image component that fades-in the image with animation once it's loaded",
  "extends": ["Image"],
  "extendsLink": ["https://github.com/wix/react-native-ui-lib/blob/master/src/components/image/index.tsx"],
  "example": "https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/AnimatedImageScreen.js",
  "images": ["https://media.giphy.com/media/l0HU7jj0ivEFyZIA0/giphy.gif"],
  "props": [
    {
      "name": "animationDuration",
      "type": "number",
      "description": "Duration for the fade animation when the image is loaded",
      "default": "300"
    },
    {"name": "loader", "type": "JSX.element", "description": "A component to render while the image is loading"},
    {"name": "containerStyle", "type": "ViewStyle", "description": "Additional spacing styles for the container"}
  ]
}