react-native-web.code-snippets

{
	"React Native Web widget": {
		"scope": "typescriptreact",
		"prefix": "rn-widget",
		"description": "RNW widget with standard imports and props",
		"body": [
			"import * as React from 'react';",
			"import { Component } from 'react';",
			"import { View } from 'react-native';",
			"import { styles } from './$TM_FILENAME_BASE.styles';",
			"",
			"export interface ${TM_FILENAME_BASE}Props {}",
			"",
			"export class $TM_FILENAME_BASE extends Component<${TM_FILENAME_BASE}Props> {",
			"\trender() {",
			"\t\treturn <View style={styles.root}></View>;",
			"\t}",
			"}",
			""
		]
	},

	"React Native Web widget styles": {
		"scope": "typescript",
		"prefix": "rn-styles",
		"description": "RNW widget styles",
		"body": [
			"import { StyleSheet } from 'react-native';",
			"import { bg } from '~styles';",
			"",
			"export const styles = StyleSheet.create({",
			"\troot: {}",
			"});",
			""
		]
	}
}