hungdev

import React, { PureComponent } from 'react';
import { View, Text, NetInfo, Dimensions, StyleSheet } from 'react-native';

const { width } = Dimensions.get('window');

function MiniOfflineSign() {
  return (
    <View style={styles.offlineContainer}>
      <Text style={styles.offlineText}>No Internet Connection</Text>
    </View>

hungdev

import React from 'react'
import { View, TouchableOpacity, Text, BackHandler } from 'react-native'
import MapView, { Callout } from 'react-native-maps'
import { connect } from 'react-redux'
//action
import { getAgentLocation } from '../../actions/Map'

import { MapCallout, CustomNavbar } from '../../components'
import styles from './styles'

hungdev

import React, { Component } from 'react';
import { Text, View, FlatList, Dimensions, Button, StyleSheet } from 'react-native';

const { width } = Dimensions.get('window');

const style = {
  justifyContent: 'center',
  alignItems: 'center',
  width: width,

hungdev

let arr = Array.from(Array(5).keys());

Array(N).fill().map((e,i)=>i+1);

http://www.jstips.co/en/javascript/create-range-0/.n-easily-using-one-line/

hungdev

issue: facebook/react-native#4415

https://stackoverflow.com/questions/38587451/image-source-uris-with-https-ssl-work-http-do-not-work-react-native-v0-30-0/38587838?noredirect=1#comment64565216_38587838

https://ste.vn/2015/06/10/configuring-app-transport-security-ios-9-osx-10-11/

https://stackoverflow.com/questions/43277059/fetch-doesnt-work-in-react-native-ios

In case someone else needs it. I solved it by adding

hungdev

I got DrawerNavigator > TabNavigator > StackNavigator. I want to hide the tabBar inside my stack on some screen. How can I do this?

react-navigation/react-navigation#581 https://reactnavigation.org/docs/en/navigation-options-resolution.html#a-tab-navigator-contains-a-stack-and-you-want-to-hide-the-tab-bar-on-specific-screens

const FeedStack = createStackNavigator({
  FeedHome: FeedScreen,
  Details: DetailsScreen,
});

hungdev

import React, { Component } from 'react'
import PropTypes from 'prop-types'
import {
  StyleSheet,
  Text,
  View,
  TouchableOpacity,
  Image
} from 'react-native'

hungdev

Do the following to fix this collisions: react-native-maps/react-native-maps#1615 (comment)

Go to the node_modules/react-native-charts-wrapper/iOS
Run: grep -rn “onSelect” .
Replace all instances found of onSelect with onChartSelect
Go to the node_modules/react-native-charts-wrapper/lib
Run: grep -rn “onSelect” .

Replace all instances found of onSelect with onChartSelect

hungdev

/* @flow */
const defaultDiacriticsRemovalMap = [{
  'base': 'A',
  'letters': '\u0041\u24B6\uFF21\u00C0\u00C1\u00C2\u1EA6\u1EA4\u1EAA\u1EA8\u00C3\u0100\u0102\u1EB0\u1EAE\u1EB4\u1EB2\u0226\u01E0\u00C4\u01DE\u1EA2\u00C5\u01FA\u01CD\u0200\u0202\u1EA0\u1EAC\u1EB6\u1E00\u0104\u023A\u2C6F'
}, {
  'base': 'AA',
  'letters': '\uA732'
}, {
  'base': 'AE',
  'letters': '\u00C6\u01FC\u01E2'

hungdev

import {Dimensions, Platform, StatusBar} from 'react-native'
import color from 'color'
import Colors from './Colors'
import { isIphoneX } from 'react-native-iphone-x-helper'

const { width, height } = Dimensions.get('window')
const ASPECT_RATIO = width / height
const LATITUDE_DELTA = 0.0922
const platform = Platform.OS