代码之家 › 专栏 › 技术社区 › Mujtaba Fadhil

React Native:图像大小调整模式工作不正常

react-native

Mujtaba Fadhil · 技术社区 · 6 年前

我在尝试设置时遇到了问题 resizeMode: 'cover' 在里面 Image 成分

我正在测试 ,

<View style={{ width: 200, height: 200, backgroundColor: '#555' }}>
  <Image
    source={require('./bird.jpg')}
    style={{ alignSelf: 'stretch', flex: 1, resizeMode: 'cover' }}
  />
</View>

也尝试过:

<View style={{ width: 200, height: 200, backgroundColor: '#555' }}>
      <Image
        source={require('./bird.jpg')}
        style={{ alignSelf: 'stretch', flex: 1 }}
        resizeMode='cover'
      />
</View>

但两者都不起作用,那么有没有办法让它正常工作呢?

2 回复 | 直到 6 年前

Mujtaba Fadhil 6 年前

我发现了 resizeMode width 的 Image

我曾经 width: 'auto' 一切都很顺利

最终代码:

<View style={{ width: 200, height: 200, backgroundColor: '#555' }}>
  <Image
    source={require('./bird.jpg')}
    style={{ alignSelf: 'stretch', flex: 1, resizeMode: 'cover', width: 'auto' }}
  />
</View>

Iva Nikhil Dangi 5 年前

我定义图像标签如下。样式外的resizeMode。

 <View style={{ width: 200, height: 200, backgroundColor: '#555' }}>
      <Image
        source={require('./bird.jpg')}
        style={{ alignSelf: 'stretch', flex: 1,width : 'auto'}}
        resizeMode={'cover'}
      />
 </View>

推荐文章

user19476497 · 如何使用useState修改数组以使其成为React中的常数

2 年前

Muhammad Ashraf · 反应:过滤从具有特定键的对象数组中获取值,并将结果分组到数组中

2 年前

John · 如何确定Javascript自引用循环是否完成[重复]

2 年前

Herc · 将用户信息添加到firebase(注册)react native

2 年前

Bonhart · 有没有更好的方法按名称查找数组中的特定对象?

2 年前

ubermo · 如何在React本机自定义组件中使用状态?

2 年前

ramanujans alkhazarim · 错误“元素类型无效”React Native

2 年前

Audrey K · 有没有办法降级React Native?

2 年前

user15137953 · 已求解的对象作为React子对象无效。如果要渲染子级集合,请改用数组。反应

2 年前

Tedi · 如何将单个数据从子组件传递到父组件?

2 年前