reanimated-v2-carousel:React Native Reanimated V2中的动画轮播

时间:2024-03-26 22:31:10
【文件属性】:

文件名称:reanimated-v2-carousel:React Native Reanimated V2中的动画轮播

文件大小:186KB

文件格式:ZIP

更新时间:2024-03-26 22:31:10

react-native reanimated2 TypeScript

复活的V2轮播 这是使用React Native Reanimated V2的动画轮播复制自受启发。 如何使用 如果要自己进行测试,则需要在上获取API密钥,因为此项目使用其API来获取数据。 所需的.env如下所示: TMDB_TOKEN = TMDB_API_URL =https://api.themoviedb.org/3 TMDB_IMAGES_URL =https://image.tmdb.org/t/p/original 最后结果 在这个项目中,我们的目标是60fps流畅的动画。 不幸的是,FlatList不能包含太多数据,因为超过10位的数据会导致性能问题。 即使如此,结果看起来也很棒!


【文件预览】:
reanimated-v2-carousel-master
----.gitignore(855B)
----components()
--------Home.tsx(5KB)
--------Rating.tsx(2KB)
----package.json(846B)
----package-lock.json(423KB)
----assets()
--------fonts()
--------favicon.png(1KB)
--------splash.png(47KB)
--------icon.png(22KB)
--------adaptive-icon.png(17KB)
----tsconfig.json(287B)
----app.config.js(807B)
----README.md(870B)
----lib()
--------tmdb.ts(2KB)
----contexts()
--------movies.tsx(1KB)
----babel.config.js(155B)
----App.tsx(498B)

网友评论