react / react/react-native

Image BlurRadius not working on gif on android and ios

オープン
#39,792 コメント 2 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

Component: Image Issue: Author Provided Repro Needs: Triage :mag: Newer Patch Available Platform: Android Platform: iOS
主要言語
C++
スター
127k
フォーク
25.3k
平均マージ
1日 23時間
マージ済み PR(30日)
4

説明

Description

The blur don't work on a gif but work with a classic img

React Native Version

0.72.4

Output of npx react-native info

info Fetching system and libraries information...
System:
OS: Linux 6.4 Pop!_OS 22.04 LTS
CPU: (8) x64 11th Gen Intel(R) Core(TM) i7-11370H @ 3.30GHz
Memory: 1.67 GB / 15.36 GB
Shell:
version: 5.8.1
path: /usr/bin/zsh
Binaries:
Node:
version: 16.20.2
path: ~/.nvm/versions/node/v16.20.2/bin/node
Yarn: Not Found
npm:
version: 8.19.4
path: ~/.nvm/versions/node/v16.20.2/bin/npm
Watchman: Not Found
SDKs:
Android SDK: Not Found
IDEs:
Android Studio: Not Found
Languages:
Java:
version: 1.8.0_382
path: /usr/bin/javac
Ruby:
version: 3.0.2
path: /usr/bin/ruby
npmPackages:
"@react-native-community/cli": Not Found
react:
installed: 18.2.0
wanted: 18.2.0
react-native:
installed: 0.72.4
wanted: 0.72.4
npmGlobalPackages:
"react-native": Not Found
Android:
hermesEnabled: Not found
newArchEnabled: Not found
iOS:
hermesEnabled: Not found
newArchEnabled: Not found

info React Native v0.72.5 is now available (your project is running on v0.72.4).
info Changelog: https://github.com/facebook/react-native/releases/tag/v0.72.5
info Diff: https://react-native-community.github.io/upgrade-helper/?from=0.72.4
info For more info, check out "https://reactnative.dev/docs/upgrading?os=linux&platform=android".

Steps to reproduce

`import { Image } from "react-native";

export default TestComponent() {
return (<Image blurRadius={50}
resizeMode={"cover"}
style={{
width: "100%",
aspectRatio: 1,
objectFit: "contain",
}}
source={require('../../../assets/test.gif')}
/>)

}`

Snack, screenshot, or link to a repository

https://snack.expo.dev/@hforgame/blurradius-issue

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

調査の方向性

Imageコンポーネント、blurRadius={50}、およびtest.gifソースを使用して、リンク先のSnackで問題をAndroidとiOS上で再現します。まず、ImageでのGIFソースに対するblurRadiusの処理を追跡します; 両方のプラットフォームでGIFが通常の画像と一貫してぼかされれば完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
react-native
領域
mobile
issue の種類
バグ
難易度
4/5
見積もり時間
3〜5日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
35/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。