How To Take Screenshots in iPhone Simulator

ByMohammed Rashid Posted onApril 18, 2019

When we submit our apps to App Store or Play Store, submitting screenshots is mandatory. In this blog post, I will tell you how to take screenshots in your iOS simulator.

Owning all iOS devices is not possible for everyone. Hence, we need to use the iOS simulator to take screenshots. And taking screenshots using the iPhone simulator is pretty easy.

All you need to run your react native project on the iOS simulator and press cmd + S to take a screenshot of the corresponding screen. Alternatively, you can click on File> New Screen Shot, as you see in the screenshot given below.

react native iphone simulator screenshot

That’s how you take screenshots in the iPhone simulator.

Mohammed Rashid

About Me

I'm Mohammed Rashid from the beautiful state of Kerala in southern India, with a journey seasoned in software engineering and mobile app development.

In a tech world that's always changing, I keep myself updated with the latest like SwiftUI and Jetpack Compose for crafting native apps on iOS and Android. I have also experience in React Native and Flutter.

Through this space, I share my learnings and insights hoping to assist anyone diving into the native mobile app development.

React Native Tutorials

How to add a Round Image in React Native [iOS and Android]

ByMohammed Rashid May 1, 2019

Sometimes you may want to show an image in a round shape in your React Native app. Usually, we show images such as profile images in a circular shape. In this blog post, let’s check how to add a round image in react native easily. Making round images in Android and iOS is easy. In…

React Native Tutorials

How to Make the TextInput on Focus in React Native

ByMohammed Rashid June 26, 2019

TextInput is one of the most important components in React Native. In this blog post, I am sharing with you how to make the TextInput focus automatically. When the TextInput is in focus the keyboard appears automatically and this prompts the user to type in. You can use the autoFocus prop to make the TextInput…

React Native Tutorials

How to add Image with Rounded Corners in React Native

ByMohammed Rashid January 3, 2023

In this blog post, let’s learn how to add an image with rounded corners in react native. We use the Image component and the borderRadius property to create rounded corners for the image. See the following code snippet. You will get the following output. Following is the complete code for reference. Using the borderRadius style…

Tutorial Series

How to Manage Multiple Animations in React Native

ByMohammed Rashid January 9, 2020

This is the eighth part of react native animation tutorial series. In this blog post, let’s see how to manage multiple animations in react native. There are three Animated methods for this sequence(), parallel(), and stagger(). The sequence() method accepts an array of multiple animations and runs them one after another, ie sequentially. Following is…

React Native Tutorials

How to Create Icon Button with Text in React Native

ByMohammed Rashid February 5, 2023

Creating an aesthetically pleasing and functional icon button can make a huge difference in the user experience of your React Native app. In this react native tutorial, let’s learn how to add an icon button using react native vector icons. When coming to icons, the react native vector icons library is a must have package…

Tutorial Series

How to Create Moving Animations in React Native

ByMohammed Rashid December 31, 2019

What if you want to create animated moving objects in your react native app? Then, you are in the right place. This is the third part of the react native animation tutorial series. As we did earlier, in order to move a view over the x-axis, the y-axis, or both you have to use Animated…

Similar Posts

Leave a Reply Cancel reply