react-native-responsive-image:React Native的响应式图像组件

时间:2024-05-04 01:32:46
【文件属性】:

文件名称:react-native-responsive-image:React Native的响应式图像组件

文件大小:495KB

文件格式:ZIP

更新时间:2024-05-04 01:32:46

JavaScript

React本机响应图像 为什么? 无论设备屏幕尺寸和屏幕分辨率如何,React Native的图像尺寸都会以相同的尺寸呈现。 那很糟。 该组件可以在所有iOS和Android设备上进行扩展。 安装 npm install react-native-responsive-image --save 用法 期望使用initWidth和initHeight道具。 这些值用于在屏幕尺寸为iPhone Plus或更大的任何设备上设置图像大小。 然后按比例缩小图像以显示任何较小的设备。 可选的prop component用于传递Image或ImageBackground导入的react-native(如果未提供,则默认为Image ) 例子 import React , { Component } from "react" ; import { AppRegis


【文件预览】:
react-native-responsive-image-master
----.gitignore(947B)
----package.json(725B)
----retina.png(478KB)
----package-lock.json(92B)
----src()
--------applyScale.js(136B)
--------device.ios.js(401B)
--------react-native-responsive-image.js(1KB)
--------device.android.js(285B)
----index.js(98B)
----react_logo.png(11KB)
----.github()
--------workflows()
----README.md(3KB)
----example()
--------App.js(856B)
----.npmignore(972B)

网友评论