javascript - React Native 图书动画

Question

是否有任何库可以复制 Books 中的翻页动画，或者是否有办法通过标准库实现这一点。

Answer 1

您可以使用 turn.js创造出这样的效果。实现起来非常简单。这是一个示例，但请查看他们的文档以获取更多选项。

$("#flipbook").turn({
  width: 400,
  height: 300,
  autoCenter: true
});

<div id="flipbook">
  <div class="hard"> Turn.js </div>
  <div class="hard"></div>
  <div> Page 1 </div>
  <div> Page 2 </div>
  <div> Page 3 </div>
  <div> Page 4 </div>
  <div class="hard"></div>
  <div class="hard"></div>
</div>