2017-08-29 83 views
2

說明:我想在反應native.I顯示一個圖像使用標記我把我的src目錄中的一個圖像,並從它加載本地圖像在我的標籤。它工作正常。如何處理反應本機中的多個資源?

問題

如果我們比較這結構,我們的Android繪製資源目錄的話,我有一些懷疑我有。

在android中,有五個可繪製的目錄。有五種不同的繪製資源目錄是以下列表:

繪製,MDPI 繪製,華電國際 繪製-xhdpi 繪製-xxhdpi 繪製-xxxhpi

在所有目錄中的圖像文件所在的同名。根據設備密度,它使用我們放入可繪製目錄的資源。

問題

我的問題是,如果我們創建一個使用原生反應的應用程序。 可繪製目錄的結構如何滿足不同密度設備的要求?

+0

您使用@ 2x'和'@ 3x'後綴創建圖像以支持不同的密度 - https://facebook.github.io /react-native/docs/images.html – Dan

回答

1

正如已經建議在這個環節: 如果你想有不同的圖像大小爲不同密度的水平,你可以用@ 2X,@ 3倍紀念他們https://facebook.github.io/react-native/docs/images.html

你也可以添加 - ios和-android只能在他們各自的設備上使用它們。

如果你已經有一個本地應用程序,並且希望在其中集成React-Native頁面,那麼它就沒有問題,因爲你已經有可繪製的文件夾,並且可以通過調用圖片名稱來訪問它們的圖片(沒有它的相對路徑例如調用'icon'NOT'./android/drawable/icon')

+0

例如我有5個圖像,即不同尺寸的logo.png。我應該在哪裏放置所有5個圖像?我的意思是在我的應用程序目錄或android/app/src/res/drawable目錄中? –

+0

Thanx爲你重播。我認爲它是iOS的2x和3x對於android來說怎麼樣? –

+0

@MilanGajera簡單的方法就是像平時一樣將它們放入可繪製文件夾中。你也可以爲ios做同樣的事情,並讓你的資源在本地處理 – Dusk