React native에서 Image의 Width를 조절하는 방법이 궁금합니다

React Native에서 Image를 삽입하고 style로 width를 지정하면 아래의 사진처럼 그냥 잘려버립니다.


줄이기 전의 사진입니다

export default class App extends React.Component {
  render() {
    return (
      <View style={style.container}>
          <Image source={logoImage} style={style.logo} />
      </View>
    )
  }
}

Image의 Width와 height는 어떻게 조절하는건가요?

저 Image태그 안에다가 resizeMode=“contain” 을 넣어서 해보세요. 아니면 스타일에다가도 resizeMode: ‘contain’ 으로 줄 수도 있어요

1 Like

감사합니다! Resize가 문제였군요.

1 Like