Nodlik / react-pageflip

Simple React.js wrapper for StPageFlip library, for creating realistic and beautiful page turning effect
https://nodlik.github.io/react-pageflip/
MIT License
476 stars 91 forks source link

How can I achieve double-page mode? #19

Closed roshie closed 3 years ago

roshie commented 3 years ago

I'm using the code, which is in the example.

<HTMLFlipBook width={300} height={500}>
    <div className="Page">Page 1</div>
    <div className="Page">Page 2</div>
    <div className="Page">Page 3</div>
    <div className="Page">Page 4</div>
</HTMLFlipBook>

I don't have a 'showCover' prop (Which means, it defaults to false). But still, the flip-book shows in single-page mode. How can I achieve this?

RareSecond commented 2 years ago

@roshie Did you ever manage to solve this issue?

roshie commented 2 years ago

The issue was because, I had a parent container that was contracting the HTMLFlipBook component's width. Removing that container solved my issue.