snippets.json

{
	"Function Component": {
		"prefix": "rnfc",
		"body": [
			"import React, { Component } from 'react';",
			"import {View,StyleSheet} from 'react-native';",
			"",
			"function ${TM_FILENAME_BASE}(props) {",
			"    return (",
			"        <View style={styles.container}>$0</View>",
			"    );",
			"}",
			"",
			"const styles = StyleSheet.create({",
			"    container: {}",
			"export default ${TM_FILENAME_BASE}"
		]
	},
	"React Native Component": {
		"prefix": "imrnc",
		"body": [
			"import React, { Component } from \"react\";",
			"import { \n\tView,\n\tText,\n\tStyleSheet\n} from \"react-native\";",
			"\nclass ${TM_FILENAME_BASE} extends Component {",
			"\trender() {",
			"\t\treturn (",
			"\t\t\t<View style={styles.container}>",
			"\t\t\t\t<Text>$0</Text>",
			"\t\t\t</View>",
			"\t\t);",
			"\t}",
			"}",
			"\nconst styles = StyleSheet.create({",
			"\tcontainer: {",
			"\t\tflex: 1,",
			"\t\talignItems: 'center',",
			"\t\tjustifyContent: 'center'",
			"\t}",
			"});",
			"",
			"export default ${TM_FILENAME_BASE}"
		],
		"description": "React Component"
	}
}