ネイティブイメージキャッシュに反応するイメージURLのクエリーパラメータを無視する

Question

私たちの反応はネイティブプロジェクトでは、イメージURLの後に署名キーを付加したイメージURLが得られました。 http://my_bucket.s3.amazon.com/my_profile.jpg?signing_key=I_am_changeable_every_timeのように。

は、我々は次のように上記のURLを示しています。

<ImageView source={{ uri: photo.uri }} />

私たちは私たちのために画像キャッシュを扱うことができるネイティブイメージ成分を反応させたいです。反応したネイティブイメージコンポーネントは毎回イメージをロードします。考えられる理由の1つは、反応するネイティブイメージコンポーネントが本当にキャッシュを実行しないということです。

次に、外部react-image-cache libraryを見つけようとしています。

私の理解では、ほとんどすべてのイメージキャッシュライブラリは、イメージ全体をキャッシュキーとして扱います。私たちのイメージは我々がIMAGE_PATH代わりのimage_full_urlまたはキャッシュキーとして、当社のビジネスコンテキストでimage_idはを使用して考えている

時間の経過とともに変化するであろうsigning_keyのPARAMを持っている場合、我々は何をすべき。私たちにこの能力を与えるライブラリは見つかりませんでしたが。

私の質問は次のとおりです。変更可能な画像のURLキャッシュを処理するにはどうすればよいですか？お勧めのライブラリはありますか？

ありがとうございました！

Answer 1

Try react-native-cached-imageクエリパラメータを無視するように指示できます。

type ImageCacheManagerOptions = { 
    headers: PropTypes.object,      // an object to be used as the headers when sending the request for the url. default {} 

    ttl: PropTypes.number,       // the number of seconds each url will stay in the cache. default 2 weeks 

    useQueryParamsInCacheKey: PropTypes.oneOfType([ // when handling a URL with query params, this indicates how it should be treated: 
    PropTypes.bool,        // if a bool value is given the whole query string will be used/ignored 
    PropTypes.arrayOf(PropTypes.string)   // if an array of strings is given, only these keys will be taken from the query string. 
    ]),            // default false 

    cacheLocation: PropTypes.string,    // the path to the root of the cache folder. default the device cache dir 

    allowSelfSignedSSL: PropTypes.bool,    // true to allow self signed SSL URLs to be downloaded. default false 
};