文件名称：react-native-animated-hero:React Native屏幕模板，可在滚动时为英雄过渡设置动画
文件大小：415KB
文件格式：ZIP
更新时间：2024-05-25 15:21:35
react-native animation expo-snack JavaScript
React本地动画英雄 React Native屏幕模板，可在滚动时为英雄过渡设置动画。 演示版 :backhand_index_pointing_right: 。 包装组件，由导航，英雄和内容部分组成。 如果从“缺口”或“无框”屏幕（例如iPhoneX）查看了应用程序，则组件可以检测到安全区域 Hero组件动画在滚动上发生： 图像的不透明度从不透明变为透明（反之亦然） 英雄部分将转换为导航栏。 导航是固定位置的，因此用户始终可以进行上下文操作 如果导航标题过长，则会在一行中显示，并被截断 用法 道具： navigationTitle屏幕滚动标题，将在用户滚动通过英雄部分后显示 navigation -屏幕导航组件 heroImageUrl最初显示的英雄图像路径。 heroContent将传递到英雄部分的内容（例如标题，副标题，游览日期） < Screen navigationTitle = "Hello World"
【文件预览】：
react-native-animated-hero-master
----components()
--------Text()
--------NavigationSample()
--------SampleContent()
--------Screen()
----package.json(493B)
----assets()
--------icons()
--------snack-icon.png(13KB)
--------sample.jpg(398KB)
----App.js(810B)
----utils()
--------index.js(91B)
--------normalizeSizes.js(483B)
--------useSafeArea.js(670B)
----README.md(1KB)
----.gitattributes(66B)
----app.json(659B)