Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>React Native SnippetNew to Visual Studio Code? Get it now.
React Native Snippet

React Native Snippet

Santosh Anand

|
57,395 installs
| (2) | Free
Code snippets for react native
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Snippets List

Snippets Content
rnc React native class component
rnfc React native functional component
rni React Native Index
imr Import React
ime Import React Native Element

#Preview

output

output

output

React native class component (rnc)

//import liraries
import React, { Component } from 'react';
import { View, Text, StyleSheet } from 'react-native';

// create a component
class $1 extends Component {
	render() {
		return (
			<View style={styles.container}>
				<Text>$1</Text>
			</View>
		);
	}
}

// define your styles
const styles = StyleSheet.create({
	container: {
		flex: 1,
		justifyContent: 'center',
		alignItems: 'center',
		backgroundColor: '#2c3e50',
	},
});

//make this component available to the app
export default $1;

Import React (imr)

import React from 'react';

Import React-Native Element (ime)

import { $1 } from 'react-native';

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft