Làm thế nào để vô hiệu hóa hình ảnh mờ dần có hiệu lực trong React Native?

Question

Tình hình

• động chuyển đổi qua lại hình ảnh
• Phản ứng Native mode
• Dev
• Android

Vấn đề

• Hình ảnh mờ dần khi xuất hiện trong chế độ nhà phát triển. Đây là một vấn đề kể từ khi tôi đang phát triển và điều chỉnh hình ảnh động với hiệu ứng mờ dần thực tế. Có thể tắt hiệu ứng mờ dần không?

Nỗ lực

• Switched để giải phóng chế độ. Hoạt động nhưng không phù hợp trong quá trình phát triển.
• Giảm thiểu kích thước tệp hình ảnh. Không có sự khác biệt rõ ràng.
• Giảm thiểu kích thước hiển thị hình ảnh. Không có sự khác biệt rõ ràng.

Answer 1

Just đặt thành phần fadeDuration={0} thành Image, đây không phải là tài liệu

Bạn có thể kiểm tra here để biết thêm thông tin

Answer 2

tôi quản lý để ngăn chặn các hình ảnh động mờ dần bằng cách gói của tôi <Image /> với một tuỳ chỉnh ViewGroupManager và thiết ReactImageView.mFadeDuration bằng không với suy nghĩ trước hình ảnh sẽ được thêm vào tùy chỉnh ViewGroup. Edit: Nhưng điều này cho biết thêm một sự chậm trễ đáng kể khi hiển thị hình ảnh :( Có thực sự không có chậm trễ

Something như thế này:.

public class NoFadeImageWrapper extends ViewGroup { 
    public NoFadeImageWrapper(Context context) { 
     super(context); 
    } 

    @Override 
    public void onViewAdded(View child) { 
     if (child instanceof ReactImageView) { 
      ((ReactImageView) child).setFadeDuration(0); 
      ReflectionUtils.setField(child, "mIsDirty", true); 
     } 
     super.onViewAdded(child); 
    } 
} 

ReflectionUtils.setField thực hiện:

public class ReflectionUtils { 
    public static void setField(Object obj, String name, Object value) { 
     try { 
      Field field = getField(obj.getClass(), name); 
      if (field == null) { 
       return; 
      } 
      field.setAccessible(true); 
      field.set(obj, value); 
     } catch (Exception e) { 
      e.printStackTrace(); 
     } 
    } 
}