VSCode snippets "React-Native"

typescriptreact.json

{
	"Component": {
		"prefix": "comp",
		"body": [
		  "import * as React from 'react';",
		  "import { View, StyleSheet, ViewStyle, Text } from 'react-native';",
		  "",
		  "interface ComponentProps {}",
		  "interface ComponentState {}",
		  "interface Styles {",
		  "    ${2:wrapper}: ViewStyle;",
		  "}",
		  "",
		  "export class ${1:${TM_FILENAME_BASE}}Component extends React.Component<ComponentProps, ComponentState> {",
		  "    state = {};",
		  "",
		  "    render() {",
		  "        const {} = this.state;",
		  "        const {} = this.props;",
		  "",
		  "        return (",
		  "            <View style={styles.${2:wrapper}}>",
		  "                <Text>${TM_FILENAME}</Text>",
		  "            </View>",
		  "        );",
		  "    }",
		  "}",
		  "",
		  "const styles = StyleSheet.create<Styles>({",
		  "    ${2:wrapper}: { ${3:flex: 1} },",
		  "});",
		  ""
		],
		"description": "Create react-native Component"
	  }
}