具有靜態資源的React-Native響應式背景圖像？

Question

我無法弄清楚，儘管它似乎是一個非常常見的用例。

我想在我的應用程序的所有頁面的全屏幕背景圖像。

• 這應該來自靜態資源。
• 而且它應該是每個設備顯示屏尺寸的最佳質量，iPhone 4/5/6/...
• 當用戶更改設備的方向時，還有一個很好的選擇。

這樣做的正確方法是什麼？

非常感謝你

Answer 1

這並不難。 React-native有official support for static image和3rd part viewport plugin來處理設備屏幕大小和方向更改事件，您只需將它們混合到一個組件中即可。

Answer 2

也許你可以試試這個庫：

https://github.com/huiseoul/react-native-fit-image

<FitImage 
    source={{ uri: 'http://facebook.github.io/react/img/logo_og.png' }} 
    style={styles.fitImage} 
/>