react-native-android静态图像看起来太大了

Question

<Image
  style={{backgroundColor: 'rgb(205, 128, 6)'}}
  resizeMode='contain'
  source={require('image!ic_create_black_48dp')}/>

在此代码ic_create_black_48dp (96*96px)中从UIExplorer复制，我把这个png放到同一个文件夹（res / drawable）。 它看起来不像96 * 96像素的大小。

在此期间我尝试将png放到drawable-hdpi drawable-xhdpi drawable-xxhdpi

但没有其他影响

Answer 1

对于此类图像，您应将宽度高度指定为组件的样式属性，例如

<a href="javascript:void(0);" onclick="alert('testing')">

请注意，在android宽度/高度上，DP不在PX中。

在你的情况下，它看起来像图像实际上很小，但在一个更大的容器中呈现。您可以指定图像在这种情况下的行为方式，例如，使用<Image style={{width:96, height: 96}} src={...}/> 样式属性拉伸到组件的大小。

最后，我建议您使用新语法来使用记录的here静态资源，这将使图像的维度自动生成代替require，并允许您避免在代码中指定它们。