2017-06-18 95 views
0

試圖加載大圖像無法反應本機。使用較小的圖像按預期工作,但大圖像不會顯示,也不會引發錯誤。大圖不顯示在反應本機

React-native有多大的圖像限制?或在Android?

import React, { Component } from 'react'; 
import { 
    AppRegistry, 
    StyleSheet, 
    Text, 
    View, 
    Image 
} from 'react-native'; 

export default class RobberJob extends Component { 
    render() { 
    return (
     <View style={styles.container}> 
     <Text style={styles.welcome}> 
      Welcome to React Native! 
     </Text> 
     <Text style={styles.instructions}> 
      To get started, edit index.android.js 
     </Text> 
     <Text style={styles.instructions}> 
      Double tap R on your keyboard to reload,{'\n'} 
      Shake or press menu button for dev menu 
     </Text> 
     <Image source={require('./assets/map.png')} style={{width:200, height:200}} /> 
     </View> 
    ); 
    } 
} 

const styles = StyleSheet.create({ 
    container: { 
    flex: 1, 
    justifyContent: 'center', 
    alignItems: 'center', 
    backgroundColor: '#F5FCFF', 
    }, 
    welcome: { 
    fontSize: 20, 
    textAlign: 'center', 
    margin: 10, 
    }, 
    instructions: { 
    textAlign: 'center', 
    color: '#333333', 
    marginBottom: 5, 
    }, 
}); 

AppRegistry.registerComponent('RobberJob',() => RobberJob); 
+0

它所表現出任何錯誤或空白? –

回答

0

如果您的圖片真的很大,請稍等片刻,直到它被加載。或者你的形象只是白色?! ;-)

這裏有一個大的(5360×3560)圖像的代碼,它的工作:https://repl.it/Iqe9