这是我怎么显示的图片是这个样子的React-Native:
图片不能正常显示
<View>
<Text style={styles.myTitle}> This is the title 2 </Text>
<Image
style={{ width: null}}
source={require('./images/05.jpg')}
resizeMode="stretch"
/>
</View>
随着resizeMode="stretch"
我的形象:
相同的图像时显示resizeMode="contain"
:
<View>
<Text style={styles.myTitle}> This is the title 3</Text>
<Image
style={{ width: null}}
source={require('./images/05.jpg')}
resizeMode="contain"
/>
</View>
resizeMode="contain"
:
欲被显示像它是如何在所述第二类型的图像,但也有不需要的边缘:
在第一图像中的页边距完美,但没有显示完整的图像。我一直认为contain
会照顾,但它在这里没有帮助。我想要的是整个图像没有任何额外的利润。
请帮忙。谢谢。
看起来像宽比的问题在这里,'contain'否则将完全如果图像是工作它需要包含的包含元素的确切比例。 – UncaughtTypeError
我认为你必须选择剪裁还是拉伸。 –
@Ihazkode是不是有没有办法显示整个图像而不必裁剪/拉伸?我可以舒展,但它为什么只显示它的一部分? – Somename