expo-image 在使用时候必须要加 style 属性？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

› React

This topic created in 173 days ago, the information mentioned may be changed or developed.

import { Image as ImageNative } from 'expo-image';

<ImageNative source={imageUri} placeholder={{ blurhash }} className="w-full h-48 rounded-lg mb-2" style={{ height:192,width:100% }} contentFit="cover" transition={200}/>

     实际测试好像必须加 style 图片才会正确显示。那么如果有很多地方使用，每次加 style 不是很麻烦嘛？ 我是想直接使用 className 来改变图片大小的。

Supplement 1 · Nov 6, 2025

没有 React 的大佬么？😊

expo-image

style属性

className

3 replies • 2025-11-06 14:44:27 +08:00

Nyeshuai

Nov 6, 2025

react-native 本就不支持 className ，nativewind 默认只转换了内置的，第三方不支持很正常，不光 Image 。你需要 interop 一下，cssInterop(Image, { className: 'style' });

pyyalt

Nov 6, 2025

@Nyeshuai 嗯呐。感谢回复，我看到 nativewind 也有类似的 issues 的问题。

AgileLC

Nov 6, 2025

@Nyeshuai 学到了

expo-image 在使用时候必须要加 style 属性 ？

expo-image 在使用时候必须要加 style 属性？