Exercises_curso react native

React natif

Configuration du projet

 npx create-expo-app [project name]

Application d'initialisation

 npm start

Composant fonctionnel

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

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

} ;

Extrait utilisateur pour la composante fonctionnelle

 {
  "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"
  }
}