在React-Native中需要靜態圖像

我的RN應用程序（v0.19.0，ios和android）需要加載/啓動畫面（偶爾會有一些數據要在啓動時加載），所以我想了解如何提供跨越各種設備的此屏幕的正確圖像集。在React-Native中需要靜態圖像

代碼是：

render() { 
    return (
     <View style={styles.container}> 
     <Image style={styles.image} source={require('../assets/splash/Default.png')} resizeMode={Image.resizeMode.cover} /> 
     </View> 
    ); 
    }

至於我可以告訴大家，我需要提供一組圖像與正確的像素比例是多少？這與各種屏幕尺寸有什麼關係？此外，RN docs只提及2x和3x，但PixelRatio上的文檔指出還有1.5和3.5？（並且，文件名中是如何表示的？它是否爲[email protected]？）如何解釋縱向和橫向？

文檔在這個話題上看起來令人驚訝地輕。

來源

2016-02-14 alphadogg

react-native不支持（IIRC）自動選擇基於方向和大小的圖像大小。

我會建議，而不是像往常一樣使用flexbox建立一個'SplashScreen'組件。這將有更多的好處，使您不必提供大量不同尺寸的圖片！

來源

2016-02-14 07:58:39

在React-Native中需要靜態圖像

回答

相關問題