react native image resizer下載 - react native image resizer原始碼下載

react native image resizer

其他源碼

3.0.10

下載

React Native 影像調整器

警告自版本 3.0.0 起，該程式庫已從@bam.tech/react-native-image-resizer react-native-image-resizer

設定

反應本機 >= 0.61

自版本3.0.0起，此軟體包支援開箱即用的新架構（Turbo 模組）。它還具有與舊版本的向後相容性。

 yarn add @bam.tech/react-native-image-resizer
cd ios && pod install

反應本機 <= 0.60

 yarn add [email protected]
cd ios && pod install

安卓

注意：在最新版本的 React Native 上，在 Android 上建立 Gradle 期間可能會出現錯誤（ com.android.dex.DexException: Multiple dex files define Landroid/support/v7/appcompat/R$anim ）。運行cd android && ./gradlew clean來修復此問題。

手動連結

Android 的手動連結資訊：連結

使用範例

 import ImageResizer from '@bam.tech/react-native-image-resizer' ;

ImageResizer . createResizedImage (
  path ,
  maxWidth ,
  maxHeight ,
  compressFormat ,
  quality ,
  rotation ,
  outputPath
)
  . then ( ( response ) => {
    // response.uri is the URI of the new image that can now be displayed, uploaded...
    // response.path is the path of the new image
    // response.name is the name of the new image with the extension
    // response.size is the size of the new image
  } )
  . catch ( ( err ) => {
    // Oops, something went wrong. Check that the filename is correct and
    // inspect err to get more details.
  } ) ;

範例應用程式

example資料夾中提供了基本的範例應用程式。它使用此模組調整相機膠卷中照片的大小。

應用程式介面

 createResizedImage (
  /**
   * uri parameter accepts`path` or `uri`.
   * This property has been tested with the output of @bam.tech/react-native-image-picker,
   * react-native-vision-camera, @react-native-camera-roll/camera-roll and http link
   **/
  uri ,
  maxWidth ,
  maxHeight ,
  compressFormat ,
  quality ,
  ( rotation = 0 ) ,
  outputPath ,
  ( keepMeta = false ) ,
  ( options = { } )
) ; // Returns a Promise

該 Promise 解析為一個對象，其中包含：新檔案的path 、 uri 、 name 、 size （位元組）、 width （像素）和height 。 URI 可以直接用作<Image>元件的source 。

選項	描述
小路	影像檔案的路徑，或以「data:image/imagetype」為前綴的 Base64 編碼影像字串，其中`imagetype`為 jpeg 或 png。
寬度	要調整大小的寬度（有關更多詳細信息，請參閱`mode` ）
高度	要調整大小的高度（有關更多詳細信息，請參閱`mode` ）
壓縮格式	可以是 JPEG、PNG 或 WEBP（僅限 Android）。
品質	0 到 100 之間的數字。
旋轉	適用於 Android 的影像的旋轉（以度為單位）。在 iOS 上，旋轉被限制（並舍入）為 90 度的倍數。
輸出路徑	調整大小的影像路徑。如果為空，則調整大小的圖像將儲存在快取資料夾中。要設定outputPath，請確保也新增旋轉選項（如果不需要旋轉，只需將其設為0）。
保留元數據	如果`true` ，將嘗試保留所有檔案元資料/exif 訊息，方向值除外，因為調整大小也會對原始影像進行旋轉校正。預設為`false` ，這表示所有元資料都會遺失。注意：這只`true`於從檔案系統（而非 Web）載入的`JPEG`映像。
選項.模式	與react-native Image的resizeMode類似： `contain` （預設）、 `cover`或`stretch` 。 `contain`將使影像適合`width`和`height`範圍內，並保留其比例。 `cover`保留縱橫比，並確保影像的寬度至少為`width`或`height`為高。 `stretch`會將影像的大小調整為精確的`width`和`height` 。
options.onlyScaleDown	如果為`true` ，則永遠不會放大影像，而只會使其變小。

限制

如果您使用@react-native-camera-roll/camera-roll並啟用了新架構，則此程式庫將無法運作。如果您嘗試使用<Image />顯示帶有庫的uri的圖像，您將遇到以下錯誤： No suitable image URL loader found for ph://... 。這個錯誤來自 ReactNative ImageLoader ，這是我們目前使用的。歡迎提供解決此問題的協助/PR。在那之前，我們建議使用react-native-image-picker 。
影像 EXIF 方向僅在 Android 上正確處理，但在 IOS #402 上尚未正確處理。