@anvilapp/react-native-loading-view

react native loading view

Usage no npm install needed!

<script type="module">
  import anvilappReactNativeLoadingView from 'https://cdn.skypack.dev/@anvilapp/react-native-loading-view';
</script>

README

Install

using npm

npm install @anvilapp/react-native-loading-view --save

or using yarn

yarn add @anvilapp/react-native-loading-view

Usage example

import React, { useEffect, useState } from 'react'
import { View, ActivityIndicator } from 'react-native'
import LoadingView from '@anvilapp/react-native-loading-view'

const App = () => {

  const [loading, setLoading] = useState(true)

  useEffect(() => {
    setTimeout(() => {
      setLoading(false)
    }, 3000)
  }, [])

  return (
    <View style={{ flex: 1 }}>
        <LoadingView
          style={{ flex: 1 }}
          loading={loading}
          fallback={<ActivityIndicator size="large" color="#000"/>}
          animated={true}
        >
          ...Your content
        </LoadingView>
    </View>
  )
}

export default App