skeleton-view

React Native骨架屏渲染

Install

$ npm i @react-native-pure/skeleton-view

Table Content

• SkeletonText
• SkeletonView

SkeletonText

author : m860

SkeletonText - 文本骨架

作为<SkeletonView>的子组件进行使用

props

• skeletonOption? Text.propTypes

Examples

<SkeletonText skeletonOption={{children:"-----",style:{backgroundColor:"red",color:"red"}}}>文本骨架</SkeletonText>

SkeletonView

author : m860

SkeletonView - 骨架的容器

所有的骨架的渲染都需要使用<SkeletonView>作为容器

props

• show? boolean
• children ReactElement

Examples

<SkeletonView show={this.state.show}>
    <Skeleton renderSkeleton={...}>
        <Text>...</Text>
    </Skeleton>
    <SkeletonText skeletonOption={...}>
        ....
    </SkeletonText>
</SkeletonView>