Giter Club home page Giter Club logo

Comments (3)

rezamansourian77 avatar rezamansourian77 commented on July 26, 2024

same issue

from react-pageflip.

ShahriarKh avatar ShahriarKh commented on July 26, 2024

#26

from react-pageflip.

ShahriarKh avatar ShahriarKh commented on July 26, 2024

You can make the book RTL by starting from the last page.

import HTMLFlipBook from "react-pageflip";
import { useRef } from "react";

export default function Book(params) {
    const book = useRef();

    return (
        <>
            <HTMLFlipBook startPage={5} width={300} height={300} ref={book}>
                <div>Page 1</div> {/* First page in LTR, last page in RTL */}
                <div>Page 2</div>
                <div>Page 3</div>
                <div>Page 4</div>
                <div>Page 5</div> {/* Last page in LTR, first page in RTL */}
            </HTMLFlipBook>
            
             {/* Use opposite directions for page turning on custom buttons. */}
             <button onClick={() => book.current.pageFlip().flipPrev()}> Next page </button>
        </>
    );
}

If the output is not desirable, try these:

  • if the number of pages is odd, try an even number. (Example: 5 pages => startPage={4}).
  • disable/enable showCover.

from react-pageflip.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.