React-Native 的 2 个图像的比较滑块。

时间:2024-06-28 10:06:33
【文件属性】:

文件名称:React-Native 的 2 个图像的比较滑块。

文件大小:2.71MB

文件格式:ZIP

更新时间:2024-06-28 10:06:33

React Native Awesome Components

React Native 比较 SLider 一个简单的组件,用于与滑动功能进行比较来显示两个图像。 帮助您比较两个图像 轻量级、快速、灵活、可定制。 支持 iOS 和 Android 设备安装 npm install --save react-native-comparison-slider 需要 React-Native > 0.45.0 Demo 示例代码 PS:更详细的例子见:react-native-comparison-slider-example - > 要运行示例,请 cd 到示例文件夹并通过运行 react-native run-ios 在 iOS 模拟器中执行 react-native start 如果您想对本地图像使用比较滑块,只需添加以下几行: react-native-comparison-slider"; 这些代码将使用 left.jpeg 图像作为左图像,使用 right.jpeg 作为右图像​​。 滑块将位于图像 (50) 之间的一半。 imageWidth 和 imageHeight 是您希望比较滑块的大小。 当您想对远程图像使用比较滑块时,只需添加以


【文件预览】:
react-native-comparison-slider-master
----LICENSE(1KB)
----.DS_Store(6KB)
----README.md(5KB)
----demo_comparison_slider.gif(1.69MB)
----lib()
--------package.json(518B)
--------ComparisonSlider.js(6KB)
----react-native-comparison-slider-example()
--------.gitignore(774B)
--------.babelrc(34B)
--------.flowconfig(1KB)
--------package.json(518B)
--------.buckconfig(114B)
--------android()
--------.watchmanconfig(2B)
--------ios()
--------__tests__()
--------index.ios.js(1KB)
--------index.android.js(1KB)
--------.gitattributes(16B)
--------img()
--------ComparisonSlider.js(6KB)
--------app.json(69B)

网友评论