@team-devmonster/react-native-skeleton

This is under devmonster's react & react-native union project.

This project is part of the react-module&react-native-module projects, that integrate react&react-native by the devmonster team. // react => @team-devmonster/react-skeleton General react-native-modules load map => here; General react-modules load map => here;

Other react-native modules

• [o] react-native-theme
• [o] react-native-tags
• [o] react-native-router
• [o] react-native-form

author: devmonster

We are always looking for investment or assistance. hompage: https://devmonster.co.kr email: [email protected]

items

• [o] [Skeleton]
• [o] [SkeletonItem]

Getting started

install prev libraries $ npm install @react-native-masked-view/masked-view expo-linear-gradient react-native-reanimated

install @team-devmonster/react-native-skeleton $ npm install @team-devmonster/react-native-skeleton@latest

Examples

Easy. Too Easy.

usage

// App.theme.tsx => You can use any file name :)
import { Skeleton, SkeletonItem } from '@team-devmonster/react-native-skeleton';

export const AnyComponent = () => {

  // use width skeleton item
  return (
    <Skeleton style={{ flexDirection: 'row' }}>
      <SkeletonItem style={{ width: 50, height: 50, borderRadius: 25 }}/>
      <SkeletonItem style={{ width: 50, height: 50, borderRadius: 25 }}/>
    </Skeleton>
  )

  // or not
  return (
    <Skeleton style={{ borderRadius: 10, aspectRatio: 0.8, width: width/2*0.85 }}/>
  )
}