@team-devmonster/react-native-skeleton v1.0.5

@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(https://www.npmjs.com/package/@team-devmonster/react-native-theme)
• o(https://www.npmjs.com/package/@team-devmonster/react-native-tags)
• o(https://www.npmjs.com/package/@team-devmonster/react-native-router)
• o(https://www.npmjs.com/package/@team-devmonster/react-native-form)

author: devmonster

We are always looking for investment or assistance. hompage: https://devmonster.co.kr email: aldegad@devmonster.co.kr

items

• o
• o

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 }}/>
  )
}