digsales / Exercises_curso-react-native

Exercicios do curso de React Native da Udemy

React Native

Setting up project

npx create-expo-app [project name]

Initializing app

npm start

Functional component

import React from 'react';
import { Text } from 'react-native';
import Estilo from './estilo';

export default props => {
  return (
    <>
      <Text style={Estilo.fontG}>
        
      </Text>
    </>
  )

};

User snippet for functional component

{
  "Functional Component": {
    "scope": "javascript,typescript",
    "prefix": "compfunc",
    "body": [
      "import React from 'react';",
      "import { Text } from 'react-native';",
      "import Estilo from './estilo';",
      "",
      "export default props => {",
      "  return (",
      "    <>",
      "      <Text style={Estilo.fontG}>",
      "        $1",
      "      </Text>",
      "    </>",
      "  )",
      "",
      "};"
    ],
    "description": "Log output to console"
  }
}