EvanBacon
/ AndroidManifest.xml.diff
Last active
November 29, 2021 16:30
Diff between SDK 42 & SDK 43 AppDelegate.m for user reference when updating dangerous Expo config plugins
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| diff --git a/templates/expo-template-bare-minimum/android/app/src/main/AndroidManifest.xml b/templates/expo-template-bare-minimum/android/app/src/main/AndroidManifest.xml | |
| index 136676d7c5..764b402b52 100644 | |
| --- a/templates/expo-template-bare-minimum/android/app/src/main/AndroidManifest.xml | |
| +++ b/templates/expo-template-bare-minimum/android/app/src/main/AndroidManifest.xml | |
| @@ -8,25 +8,20 @@ | |
| <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/> | |
| <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/> | |
| <!-- END OPTIONAL PERMISSIONS --> | |
| - <application | |
| - android:name=".MainApplication" |
EvanBacon
/ transformAssetLocation.ts
Created
August 20, 2021 20:09
Emulate "public path" functionality in React Native
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { Platform } from "react-native"; | |
| import getDevServer from "react-native/Libraries/Core/Devtools/getDevServer"; | |
| const devServerInfo = getDevServer(); | |
| /** | |
| * Transform a local "public" path location to a URL that works in React Native. | |
| * | |
| * When the project is not hosted from a development server, use an offline path from an embedded asset. | |
| * |
EvanBacon
/ headers.md
Created
April 7, 2020 17:50
EvanBacon
/ A-look-at-Hooks.md
Created
June 18, 2019 22:46
A look at some different approaches to using hooks for pseudo classes.
When I try to learn something, I search around for the optimal approach. In the case of hooks I found two reasonable approaches and one approach that only makes sense in some use-cases. Below I've documented all of them.
I want to change the style of a text element when the user is clicking down on it. Because this is React Native for web, there are no CSS pseudo classes, so I need to manage all of the state myself. Because classes like active, focus, hover, and visited could be commonly used the API must be very self-contained.
... and I want people to like me, so I'm using hooks (the old implementation used render props).
EvanBacon
/ apple-touch-startup-image.html
Created
April 17, 2019 07:10
An example of full iOS PWA startup image (splash screen) support.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <meta name="mobile-web-app-capable" content="yes" /> | |
| <meta name="apple-touch-fullscreen" content="yes" /> | |
| <meta name="apple-mobile-web-app-title" content="Expo" /> | |
| <meta name="apple-mobile-web-app-capable" content="yes" /> | |
| <meta name="apple-mobile-web-app-status-bar-style" content="default" /> | |
| <link | |
| rel="apple-touch-icon" | |
| sizes="180x180" |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| async function uploadAudioAsync(uri) { | |
| console.log("Uploading " + uri); | |
| let apiUrl = 'http://YOUR_SERVER_HERE/upload'; | |
| let uriParts = uri.split('.'); | |
| let fileType = uriParts[uriParts.length - 1]; | |
| let formData = new FormData(); | |
| formData.append('file', { | |
| uri, | |
| name: `recording.${fileType}`, |
EvanBacon
/ ReactNativeSimpleStyledMap.jsx
Created
February 17, 2019 02:09
A custom map renderer to spice things up 🍕
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React from 'react'; | |
| // import | |
| import { MapView } from 'expo'; | |
| export default BaseMap = ({ children, ...props }) => ( | |
| <MapView | |
| {...props} | |
| > | |
| <MapView.UrlTile | |
| /** |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| GoogleAuthDemo $ exp build:ios -c | |
| We've built a brand new CLI for Expo! | |
| Expo CLI is a drop in replacement for exp. | |
| Install: npm install -g expo-cli | |
| Use: expo --help | |
| Read more: https://blog.expo.io/expo-cli-2-0-released-a7a9c250e99c | |
| [13:05:12] Making sure project is set up correctly... | |
| [13:05:13] Your project looks good! | |
| [13:05:13] Checking if current build exists... |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Import React Navigation | |
| import { | |
| createBottomTabNavigator, | |
| createStackNavigator, | |
| } from 'react-navigation'; | |
| import tabBarIcon from './utils/tabBarIcon'; | |
| // Import the screens | |
| import FeedScreen from './screens/FeedScreen'; | |
| import NewPostScreen from './screens/NewPostScreen'; |