我正在一家公司開發一個 React Native 應用程式，我的經理問我從 API（儀表板）上傳以適應應用程式中的視圖的 pexels 中的最佳影像大小是多少？
而且我使用的是百分比單位而不是數字：（寬度：'80％'，高度：'50％'）我不知道最適合的影像尺寸是多少，或者影像的縱橫比和本機反應是無單位！
當客戶上傳任何圖片時，我們應該在儀表板中為客戶添加什么“提示”？或者我怎么知道適合所有螢屏的最佳影像尺寸？
uj5u.com熱心網友回復：
在我們的組織中，我們通常遵循以下約定來使影像完全回應。
- 使用以下方法獲取影像的尺寸： const {width, height} = Image.resolveAssetSource('path-to-your-image');
- 通過使用獲取寬度和高度的比率因子： const ratioFactor = height/width;
- 每當您將螢屏寬度設定為“n”位時，將高度設定為“n*ratioFactor”
- 通過這種方式，影像永遠不會被拉伸或壓縮。它將根據其尺寸完全回應。
- 最好使用標準尺寸為 1024 x 768 像素的影像。
uj5u.com熱心網友回復：
如果該應用程式同時針對 iOS 和 Android，則有大量具有各種解析度和像素密度的設備，從高端 iPad 到解析度較小的低端 Android 設備。
一般的經驗法則是找到在高端設備上不會像素化（看起來模糊）但沒有大下載大小的平均影像大小，以防某些用戶的互聯網速度很慢。
您應該從 1024 x 768 像素開始，這是 iPad 的標準尺寸
uj5u.com熱心網友回復：
考慮使用resizeModereact native image 的 prop。resizeMode您可以設法根據螢屏上的可用空間來渲染影像。
在這里檢查：https ://reactnative.dev/docs/image#resizemode
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/498053.html