estevaolucas

How to create a comparison video like this:

comparison-nometrics.mp4

Creating videos

You can create videos using one of the following methods

Local

estevaolucas

{"lastUpload":"2020-07-10T16:01:40.846Z","extensionVersion":"v3.4.3"}

estevaolucas

The current project.pbxproj used by the iOS project is damaged in some way. While XCode can open the file and read its contents correctly, attempting to save it results in a crash. This files that crash, making the file editable again.

Well, pbxproj files are finicky. They are a constant source of pain when fixing merge conflicts, something that happens frequently in our project because of React Native updates.

While I can't say what caused the error with a lot of confidence, here's how it was diagnosed and fixed, for future reference when needed.

Diagnosis

XCode crashes create crash logs that go into ~/Library/Logs/DiagnosticReports/. In there, we could get a crash report that looked like this:

estevaolucas

function getCoordinatesCenter(coordinates) {
  let xcos = 0.0;
  let ycos = 0.0;
  let zsin = 0.0;

  coordinates.forEach(coord => {
    const lat = (coord.latitude * Math.PI) / 180;
    const lng = (coord.longitude * Math.PI) / 180;

    const acos = Math.cos(lat) * Math.cos(lng);

estevaolucas

import * as React from "react";
import { NativeModules } from "react-native"

export default class App extends React.Component {
  
  componentDidMount() {
     if (IS_IOS) {
      NativeModules.AccessibilityManager.setAccessibilityContentSizeMultipliers({
        extraSmall: 0.823,
        small: 0.882,

estevaolucas

const globalFetch = global.fetch;

global.fetch = (url: string, params: Object): Promise<*> => {
  return new Promise((resolve: any => void, reject: string => void) => {
    StatusBar.setNetworkActivityIndicatorVisible(true);

    globalFetch(url, params)
      .then(resolve)
      .then(reject)
      .finaly(() => {

estevaolucas

Mobile Font scale capping

Android

• https://stackoverflow.com/questions/21546805/how-to-prevent-system-font-size-changing-effects-to-android-application/32832216#32832216
• https://stackoverflow.com/questions/43111211/avoid-changing-font-scale-of-app-when-changed-from-system-settings-on-android-7
• https://github.com/deepakot/fizzyapp/blob/ac2f4558e477a7c44b2e03724b1b9d49252cd53b/android/app/src/main/java/me/bottomsapp/bottomsapp/MainApplication.java
• https://basecamp.kony.com/s/article-detail/a046A00000AVTFxQAP/fix-the-font-size-regardless-the-system-settings

iOS

• https://valcode.co/index.php/2016/03/07/custom-fonts-with-dynamic-type-in-interface-builder/

estevaolucas

import { Slider, NativeModules } from 'react-native';

<Slider
  maximumValue={ 2 }
  minimumValue={ 1 }
  onValueChange={ (value) => {
    NativeModules.AccessibilityManager.setAccessibilityContentSizeMultipliers({
      extraSmall: value,
      small: value,
      medium: value,

estevaolucas

// @flow

import React from 'react';
import { Linking, Text } from 'react-native';

import { parsePhoneNumber, type TextChild } from 'utils/strings';

type Props = {
  linkStyle: PassedStyle,
  text: string,

estevaolucas

// @flow

import React from 'react';
import { TouchableOpacity } from 'react-native';
import debounce from 'lodash.debounce';

const TouchableDebounce = ({
  children,
  onPress,
  ...props