mfazekas

import React, { useState, useRef, useEffect } from "react";

const S = {
  app: { fontFamily: "system-ui, sans-serif", background: "#0f1117", color: "#e4e4e7", minHeight: "100vh", padding: "32px 20px" },
  box: { maxWidth: 720, margin: "0 auto" },
  h1: { fontSize: 24, marginBottom: 4 },
  h2: { fontSize: 18, color: "#60a5fa", margin: "24px 0 12px" },
  dim: { color: "#8b8d97", marginBottom: 24, fontSize: 14 },
  sec: { background: "#1a1d27", border: "1px solid #333640", borderRadius: 12, padding: 20, marginBottom: 20 },
  btn: { fontFamily: "inherit", fontSize: 13, padding: "8px 16px", borderRadius: 8, border: "1px solid #333640", background: "#252830", color: "#e4e4e7", cursor: "pointer", marginRight: 8, marginBottom: 8 },

mfazekas

import React, { useState, useRef, useEffect } from "react";

const S = {
  app: { fontFamily: "system-ui, sans-serif", background: "#0f1117", color: "#e4e4e7", minHeight: "100vh", padding: "32px 20px" },
  box: { maxWidth: 720, margin: "0 auto" },
  h1: { fontSize: 24, marginBottom: 4 },
  h2: { fontSize: 18, color: "#60a5fa", margin: "24px 0 12px" },
  dim: { color: "#8b8d97", marginBottom: 24, fontSize: 14 },
  sec: { background: "#1a1d27", border: "1px solid #333640", borderRadius: 12, padding: 20, marginBottom: 20 },
  btn: { fontFamily: "inherit", fontSize: 13, padding: "8px 16px", borderRadius: 8, border: "1px solid #333640", background: "#252830", color: "#e4e4e7", cursor: "pointer", marginRight: 8, marginBottom: 8 },

mfazekas

import { Project } from 'ts-morph';
import ejs from 'ejs';
import type { Type, ts } from 'ts-morph';
import fs from 'fs';

const project = new Project();


let tamagui_root = "../tamagui";
project.addSourceFileAtPath(`${tamagui_root}/node_modules/@types/react/index.d.ts`);

mfazekas

/* eslint-disable react-native/no-inline-styles */
import React, {
  Component,
  useRef,
  useImperativeHandle,
  forwardRef,
} from 'react';
import { View, Button, Text } from 'react-native';

class ComponentC extends React.Component<{ name: string }> {

mfazekas

Samsung ML 1670 on Big Sur and later

Works on M1 macs and Ventura too

Download https://support.apple.com/kb/dl905?locale=en_US It won't let you install with warning:

This volume does not meet the requirements for this update.

mfazekas

import UIKit
import Mapbox

class ViewController: UIViewController, MGLMapViewDelegate {
    var mapView : MGLMapView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        createUI()

mfazekas

import React from 'react';
import MapboxGL from '@react-native-mapbox-gl/maps';
import {Platform, SafeAreaView, StyleSheet, View} from 'react-native';
import {point, lineString as makeLineString} from '@turf/helpers';
//import Svg, {Path} from 'react-native-svg';

// const MAPBOX_GL_ACCESS_TOKEN = 'CHANGE_ME';

const ROUTE_POINTS = [
  {

mfazekas

```
2020-04-02 11:21:15.798 10842-10842/? I/mapboxglexampl: Not late-enabling -Xcheck:jni (already on)
2020-04-02 11:21:15.855 10842-10842/? I/mapboxglexampl: Unquickening 13 vdex files!
2020-04-02 11:21:15.860 10842-10842/? W/mapboxglexampl: Unexpected CPU variant for X86 using defaults: x86
2020-04-02 11:21:16.447 10842-10842/com.rnmapboxglexample I/mapboxglexampl: The ClassLoaderContext is a special shared library.
2020-04-02 11:21:17.211 10842-10842/com.rnmapboxglexample D/NetworkSecurityConfig: No Network Security Config specified, using platform default
2020-04-02 11:21:17.212 10842-10842/com.rnmapboxglexample D/NetworkSecurityConfig: No Network Security Config specified, using platform default
2020-04-02 11:21:17.474 10842-10842/com.rnmapboxglexample D/SoLoader: init start
2020-04-02 11:21:17.478 10842-10842/com.rnmapboxglexample D/SoLoader: adding system library source: /vendor/lib

mfazekas

class RouteCoordinatesArray extends Animated.CoordinatesArray {
  newCoordAnimator(config, origCoords) {
    const {along} = config;

    return {
      dist: along[0],
      distconf: along[1],

      calculate(progress, coords) {
        const currentDist = progress * this.dist;

mfazekas

this.state = {
  ...
  coordinates: new MapboxGL.AnimatedCoordinateArray([[lon + delta, lat], [lon, lat], [lon, lat + delta]])
  ...
}
...

this.state.coordinates
        .timing({