Christopher dragonfire1119

Visual instructions how to enable Google Maps on IOS using `react-native-maps`

UPDATE: Following instructions are now a year old. I have recently managed to upgrade react-native-maps from 0.17 to the latest version 0.21 with react-native 0.51 - if you want to follow my instruction scroll down to the end this doc! Hope that will work for you too!

This is for my personal use, things might not be correctly explained here. For the official docs please check https://github.com/airbnb/react-native-maps

Steps from scratch:

1.react-native init GoogleMapPlayground

In order to run this image do: docker-compose up -d to get all up. On first run DB initialization and initial user setup is done like so:

First start a bash in the container: docker-compose exec sentry /bin/bash. Then, inside bash, do sentry upgrade wait until it asks you for an inital user. When finished exit the bash.

When in doubt check with docker-compose ps if all went fine.

curl -XDELETE localhost:9200/*

React + Typescript Cheatsheet

Setup

If you use atom... download & install the following packages:

What are Typescript type definition files? (*.d.ts)

type below:

brew update
brew install redis

To have launchd start redis now and restart at login:

brew services start redis

	<!DOCTYPE html>
	<html lang="en" dir="ltr">
	<head>
	<meta charset="UTF-8">
	<title>Ionic App</title>
	<meta name="viewport"
	content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta name="format-detection" content="telephone=no">
	<meta name="msapplication-tap-highlight" content="no">

	// An autoresize directive that works with ion-textarea in Ionic 2
	// Usage example: <ion-textarea autoresize [(ngModel)]="body"></ion-textarea>
	// Based on https://www.npmjs.com/package/angular2-autosize

	import { Directive, HostListener, ElementRef } from "@angular/core";

	@Directive({
	selector: "ion-textarea[autoresize]" // Attribute selector
	})
	export class Autoresize {

	import { Directive, ElementRef, Input, OnDestroy, OnInit } from '@angular/core';
	import { Keyboard } from '@ionic-native/keyboard';
	import { Content, Platform } from 'ionic-angular';
	import { Subscription } from 'rxjs/Subscription';


	/**
	* @name KeyboardAttachDirective
	* @source https://gist.github.com/Manduro/bc121fd39f21558df2a952b39e907754
	* @description

	RN < 0.50 - watchman watch-del-all && rm -rf $TMPDIR/react-* && rm -rf node_modules/ && npm cache clean && npm install && npm start -- --reset-cache
	RN >= 0.50 - watchman watch-del-all && rm -rf $TMPDIR/react-native-packager-cache-* && rm -rf $TMPDIR/metro-bundler-cache-* && rm -rf node_modules/ && npm cache clean && npm install && npm start -- --reset-cache
	RN >= 0.63 - watchman watch-del-all && rm -rf node_modules && npm install && rm -rf /tmp/metro-* && npm run start --reset-cache

	npm >= 5 - watchman watch-del-all && rm -rf $TMPDIR/react-* && rm -rf node_modules/ && npm cache verify && npm install && npm start -- --reset-cache

	Windows - del %appdata%\Temp\react-native-* & cd android & gradlew clean & cd .. & del node_modules/ & npm cache clean --force & npm install & npm start -- --reset-cache

	# 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