# Section 3 Video 12

**URL:** <https://forum.codewithmosh.com/t/section-3-video-12/4717>\
**Category:** React Native\
**Created:** [May 7, 2021, 7:25am UTC](https://forum.codewithmosh.com/t/section-3-video-12/4717 "2021-05-07T07:25:57Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![TurtleWolfe](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/turtlewolfe/32/1405_2.png) [@TurtleWolfe](https://forum.codewithmosh.com/u/TurtleWolfe)\
**Post date:** [May 7, 2021, 7:25am UTC](https://forum.codewithmosh.com/t/section-3-video-12/4717/1 "2021-05-07T07:25:57Z")

</div>

I’m working on the **ViewImageScreen** and it works fine with just the **Image tag** until I try to wrap it in a **View tag**. I’ve tried to update a few things. I’m using TypeScript in the Tabs template and SDK 41.. but still confused why the image disappears.

[Repo](https://github.com/TurtleWolfe/moshOne)

These shots were taken in the Web Version, but my Android Emulator is doing the same thing. The Image tag shows fine until I try to wrap it in a View tag.

 ![Screenshot_2021-05-07 TabTwoScreen](https://us1.discourse-cdn.com/flex020/uploads/codewithmosh/original/2X/0/0fbffeb22fbf42422f091a20f1c196b3f66f4f03.png)

## **ViewImageScreen.tsx**

```
import React from 'react'
import { Image, StyleSheet, Text, View } from 'react-native'

export default function ViewImageScreen(props) {
  return (
    <View style={styles.container}>
      <Image
        resizeMode="contain"
        source={require("../assets/Supplementary/chair.jpg")}
        style={styles.image}
      />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    backgroundColor: "#000",
    flex: 1,
  },
  image: {
    width: '100%',
    height: '100%',
  },
});

```