- Learn how to start a new react native project
- Run it on ios simulator, on android emulator, on a real iPhone device and on a real Android device, with and without debugging enabled.
- Learn how to upgrade a react native project
- Learn how to add a package to the project
- Learn how to add a package that has a native dependency (https://github.com/airbnb/react-native-maps, https://github.com/evollu/react-native-fcm) - DO NOT USE COCOAPODS
- Learn how to use fetch to get data from your backend
# iOS | |
app_identifier "com.myapp.app" # The bundle identifier of your app | |
apple_id "[email protected]" # Your Apple email address | |
team_id "1234ABCD" # Developer Portal Team ID | |
# Android | |
json_key_file "./google-play-api-secret.json" # Path to the json secret file - Follow https://github.com/fastlane/supply#setup to get one | |
package_name "com.myapp.app" # Your Android app package |
import React, { Component } from 'react'; | |
import { | |
StyleSheet, | |
Text, | |
View, | |
Image, | |
} from 'react-native'; | |
import { Root } from './router'; | |
class AppRoot extends Component { |
Para receber informações sobre os seus dados pessoais, os propósitos e as partes de informação que são compartilhadas, entre em contato com o Proprietário.
Uso de Dados e outros dados coletados Outros Dados Pessoais recolhidos podem ser descritos em outras seções desta política de privacidade ou pelo texto explicativo específico apresentado no contexto da coleta de Dados. Os Dados Pessoais podem ser livremente fornecidos pelo Usuário, ou coletados automaticamente quando se utiliza este Aplicativo. Qualquer uso de Cookies - ou de outras ferramentas de rastreamento - pelo este Aplicativo ou pelos proprietários dos serviços terceirizados utilizados por este Aplicativo, salvo indicação em contrário, servem para identificar os Usuários e lembrar as suas preferências, com o único propósito de fornecer os serviços requeridos pelos Usuários. O não fornecimento de determinados Dados Pessoais pode tornar i
import React, { Component } from 'react'; | |
import { | |
View, | |
Text, | |
TouchableHighlight, | |
NetInfo, | |
} from 'react-native'; | |
export default class ConnectionInfo extends Component { | |
state = { |
var fetch = require('node-fetch'); | |
var fs = require('fs'); | |
const { | |
buildClientSchema, | |
introspectionQuery, | |
printSchema, | |
} = require('graphql/utilities'); | |
fetch('http://localhost:5000/graphql', { |
/** | |
* @flow | |
*/ | |
import { | |
Environment, | |
Network, | |
RecordSource, | |
Store, | |
} from 'relay-runtime'; |
// Esse código completo você pode encontrar no repositório | |
// https://github.com/ronal2do/RNRelayModern/blob/master/src/App.js | |
import { QueryRenderer, graphql } from 'react-relay'; | |
import environment from '../createRelayEnvironment'; | |
// importamos o environment | |
==== | |
// aqui criamos uma abstração da query | |
const query = graphql` | |
query AppQuery { |
<!-- smartlook --> | |
<script type="text/javascript"> | |
window.smartlook||(function(d) { | |
var o=smartlook=function(){ o.api.push(arguments)},h=d.getElementsByTagName('head')[0]; | |
var c=d.createElement('script');o.api=new Array();c.async=true;c.type='text/javascript'; | |
c.charset='utf-8';c.src='https://rec.smartlook.com/recorder.js';h.appendChild(c); | |
})(document); | |
smartlook('init', '4574902c33bd6e243dd32e4d1f5ba5f9f64a2727'); | |
</script> | |
<!-- Crisp --> |