Doddy Rizal Novianto Drzaln

Metro will open a new Terminal window everytime you start your RN app. If you are using other terminal app this is however very annoying. You can change the terminal used to run the initial script:

Open finder window and navigate to <your_project/node_modules/react-native/scripts
Locate launchPackager.command, right click the file, select Get info and then change the Open with: value to your terminal, then click on Change All

This post originally from Oscar Franco Blog

rounded corner outer = inside round corner + padding

from https://set.studio/relative-rounded-corners/

Enable Developer Mode in Settings -> Privacy & Security
install ios-deploy globally using npm install -g ios-deploy
run xcrun xctrace list devices to list all devices
run npx react-native run-ios --device "phone name"

add this line to user setting "workbench.editor.tabCloseButton": "left",

	#!/bin/bash

	PROJECT_DIR="PROJECT_NAME"
	INFOPLIST_FILE="Info.plist"
	INFOPLIST_DIR="${PROJECT_DIR}/${INFOPLIST_FILE}"

	PACKAGE_VERSION=$(cat ../package.json \| grep version \| head -1 \| awk -F: '{ print $2 }' \| sed 's/[\",]//g' \| tr -d '[[:space:]]')


	# Update plist with new values

	# xcode-build-bump.sh
	# @desc Auto-increment the build number every time the project is run.
	# @usage
	# 1. Select: your Target in Xcode
	# 2. Select: Build Phases Tab
	# 3. Select: Add Build Phase -> Add Run Script
	# 4. Paste code below in to new "Run Script" section
	# 5. Drag the "Run Script" below "Link Binaries With Libraries"
	# 6. Insure that your starting build number is set to a whole integer and not a float (e.g. 1, not 1.0)

	// use react-native-reanimated v3 and react-native-gesture-handler v2

	import React from 'react';
	import {Dimensions, StyleSheet} from 'react-native';
	import {
	GestureHandlerRootView,
	GestureDetector,
	Gesture,
	} from 'react-native-gesture-handler';
	import Animated, {

	import React, { useEffect } from "react";
	import { View, StyleSheet, Pressable, Text } from "react-native";
	import Svg, { Path, Defs, LinearGradient, Stop } from "react-native-svg";
	import Animated, {
	Easing,
	useAnimatedProps,
	useAnimatedStyle,
	useSharedValue,
	withRepeat,
	withTiming,

	import React from 'react';
	import {View, StyleSheet, Pressable, LayoutChangeEvent} from 'react-native';
	import Animated, {
	useSharedValue,
	useAnimatedStyle,
	withRepeat,
	withTiming,
	Easing,
	} from 'react-native-reanimated';
	import LinearGradient from 'react-native-linear-gradient';

	import React, {useRef, useEffect} from 'react';
	import {View, StyleSheet} from 'react-native';
	import Animated, {
	useSharedValue,
	useAnimatedStyle,
	withTiming,
	withRepeat,
	Easing,
	withDelay,
	} from 'react-native-reanimated';