@fto-consult/expo-ui/src/components/ContentLoader/TaskList.js

Bibliothèque de composants UI Expo,react-native

import React from 'react'
import ContentLoader from './Loader';
import Rect from "./Rect";

const TaskList = props => {
  return (
    <ContentLoader
      speed={2}
      width={400}
      height={160}
      viewBox="0 0 400 160"
      backgroundColor="#d9d9d9"
      foregroundColor="#ededed"
      {...props}
    >
      <Rect x="50" y="6" rx="4" ry="4" width="343" height="38" />
      <Rect x="8" y="6" rx="4" ry="4" width="35" height="38" />
      <Rect x="50" y="55" rx="4" ry="4" width="343" height="38" />
      <Rect x="8" y="55" rx="4" ry="4" width="35" height="38" />
      <Rect x="50" y="104" rx="4" ry="4" width="343" height="38" />
      <Rect x="8" y="104" rx="4" ry="4" width="35" height="38" />
    </ContentLoader>
  )
}


export default TaskList