Skip to content

Multiple placeholder with animation #68

@k4mr4n

Description

@k4mr4n

Hello
how can I have multiple placeholder to point out the list view?
the way I achieved this:
screen.js

isLoading ? [...Array(5)].map((o, i) => (<LoadingComponent key={i} />)) : (<List />)

and in LoadingComponent (actual code is more complicated):

<div style={styles.wrapper}>
    <ReactPlaceholder type='rect' showLoadingAnimation />
    <ReactPlaceholder type='text' showLoadingAnimation />
</div>

the problem here is I wanted to have an animation so I used ReactPlaceholder instead of RectShape or TextBlock, so I encounter warning:
The prop `ready` is marked as required in `ReactPlaceholder`
and
The prop `children` is marked as required in `ReactPlaceholder

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions