+3
React Native: cách hiển thị ảnh kích thước rất lớn mà không bị giảm chất lượng
mình đang làm 1 app đọc truyện tranh bằng react native. 1 trang truyện thường là 1 ảnh có độ dài rất lớn, vd như: 720x30000 pixel. Khi hiển thị ra thì ảnh tự bị resize về kích thước (width: rất nhỏ) x (height: height màn hình của máy). Sau đó mình để style width = 100% thì ảnh có chất lượng cực kì tệ. Có bạn nào biết cách xử lí vấn đề này ko?
2 CÂU TRẢ LỜI
+1
Câu hỏi của bạn khá hay. Hay bạn thử chuyển qua đặt ảnh đó thành background xem có ổn hơn không? Đặt ảnh làm background rồi căn chỉnh tọa độ cho phù hợp với vị trí nội dung của lần cuộn tiếp theo. Như vậy thì chất lượng cũng sẽ được đảm bảo hơn. 
0
Theo mình nghĩ với width 720 thì bị bể là chuyện bình thường. chỉ hơn màn hình tablet một chút. Nên xem bằng laptop hay desktop thì hình sẽ bị bể. Thường thì mình thấy các trang truyện tranh sẽ để fixed max-width. Còn để 100% theo device thì hơi căng.
vấn đề của mình ko phải width mà là height. Mình dùng hàm getSize thì biết là height luôn luôn có kích thước gần bằng với height màn hình của mình, và width thì rất nhỏ. Tức là ảnh luôn luôn bị scale sao cho đảm bảo ảnh sẽ chỉ được hiển thị ở trong màn hình của mình thôi, ko bị tràn ra ngoài, quá trình scale này sẽ được thực hiện trước khi ảnh được hiển thị. Vì thế nên mình có style cho width = 100% đi hay ko thì ảnh vẫn sẽ có chất lượng rất thấp
@2751997nam Xin lỗi bạn mình không đọc kĩ câu hỏi😭
width auto, maxwidth 100%