Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

Image fadeDuration property

Đang mở
#461 3 bình luận 0 reaction 0 người được giao Xem trên GitHub

Chưa có ai nhận issue này.

Đánh giá

Độ khó
5/5
Thời gian dự kiến
Hơn một tuần
Mức phù hợp với người mới
35/100
Loại issue
Tính năng
Độ rõ ràng
Cần làm rõ
Mức độ hoạt động
Sôi nổi
Công nghệ
css, javascript, react-native
Lĩnh vực
frontend, mobile-dev, web-dev

Hướng nghiên cứu

Bắt đầu bằng cách xác định entry point createStrictImage và đọc thảo luận react-native được liên kết về fadeDuration. Xác định và ghi lại hành vi đa nền tảng dự kiến cũng như cách một override nên hoạt động mà không phụ thuộc vào thuộc tính html.img không chuẩn. Công việc được xem là hoàn tất khi dự án có một hướng tiếp cận đã được quyết định, có thể triển khai, và hành vi tải hình ảnh dự kiến đã được làm rõ.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

react-native has an android only property fadeDuration that adds a fade-in effect to images while they load.

This is set by default to 300ms leading to an unexpected inconsistency across platforms.

the issue was discussed here: https://github.com/facebook/react-native/issues/10194

where was decided to add a prop to control it, but not removing the default value to avoid breaking changes.


I'm wondering what is the position on the topic from the react-strict-dom POV. Should the createStrictImage force it to 0 and let the optional animation be handled by css transition polyfills?

If not, how can the behavior be overridden? In react-native the fadeDuration property can be used to reset to 0 when needed, but not being a valid web API is not allowed in html.img (as well as possibly creating conflicts with transitions and/or animations)

Ngôn ngữ chính
JavaScript
Star
3.6k
Fork
206
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

Chuẩn bị môi trường

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của react/react-strict-dom

Tất cả issue của react/react-strict-dom

Issue tương tự

Thêm issue về JavaScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.