react-native-fast-imageバージョン3.0.0

• ちらつき
• キャッシュの失敗
• キャッシュからの読み込みパフォーマンスが低い
• 全般的なパフォーマンスが低い

​

インストール

1. package.jsonファイルにJavaScriptライブラリの依存関係を追加します。
   "dependencies": {
      ...
      "@amazon-devices/react-native-fast-image": "~3.0.0"
   }
   
2. npm installコマンドを使用して、依存関係を再インストールします。

​

例

import FastImage from 'react-native-fast-image'

const YourImage = () => (
    <FastImage
        style={{ width: 200, height: 200 }}
        source={{
            uri: 'https://unsplash.it/400/400?image=1',
            headers: { Authorization: 'someAuthToken' },
            priority: FastImage.priority.normal,
        }}
        resizeMode={FastImage.resizeMode.contain}
    />
)

​

APIリファレンス

​

コンポーネント

​

メソッド

​

既知の問題と制限事項

​

下位互換性の問題

• v0.12リリース以降のOSには、amzn/react-native-fast-image（npmパッケージ）バージョンとの互換性がありません。
• v0.12+のOS（古いバージョンのnpmパッケージ）でアプリを実行すると、起動時にアプリがクラッシュします Volta:Invariant Violation: TurboModuleRegistry.getEnforcing(...): 'FastImageTurboModule' could not be found. Verify that a module by this name is registered in the native binary. このクラッシュを回避するには、@amazon-devices/react-native-fast-imageの最新バージョンに対してアプリを再度ビルドする必要があります。
  1. アプリのpackage.jsonが古いバージョンのfast-imageをハードコードしていないことを確認してください。 SemVarバージョン^3.0.0を使用すると、アプリが最新のパッチを取得できるようになります。
  2. package-lock.jsonを削除すると、ロックされているfast-imageバージョンがすべて削除されます。 package-lock.jsonがほかの依存関係のロックにも使用されている場合は、このファイルから手動で@amazon-devices/react-native-fast-imageのエントリを削除することもできます。
  3. node_modulesフォルダを削除して、npmで古いキャッシュされたバージョンが取得されないようにします。
  4. アプリを再ビルドします。

​

サポートされているバージョン

​

関連トピック