{"library":"react-native-fade-loading","title":"react-native-fade-loading","description":"A minimal placeholder/loading component for React Native that provides a fade animation effect. Version 1.0.1 is the latest stable release. It is a lightweight library (24kB) that offers customizable primary/secondary colors, duration, and visibility. Unlike heavier skeleton libraries, it focuses solely on a simple fade loading animation. It has TypeScript type definitions and requires react and react-native as peer dependencies.","language":"javascript","status":"active","last_verified":"Sat May 09","install":{"commands":["npm install react-native-fade-loading"],"cli":null},"imports":["import { FadeLoading } from 'react-native-fade-loading'","import type { FadeLoadingProps } from 'react-native-fade-loading'","const { FadeLoading } = require('react-native-fade-loading')"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"import React from 'react';\nimport { View, Text } from 'react-native';\nimport { FadeLoading } from 'react-native-fade-loading';\n\nconst App = () => {\n  return (\n    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>\n      <FadeLoading\n        primaryColor=\"gray\"\n        secondaryColor=\"lightgray\"\n        duration={5000}\n        visible={true}\n        animated={true}\n      >\n        <Text>Loading...</Text>\n      </FadeLoading>\n    </View>\n  );\n};\n\nexport default App;","lang":"typescript","description":"A complete React Native component that uses FadeLoading to wrap children with a fade loading animation.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}