felippewick

version: 1.0
frontend:
  phases:
    preBuild:
      commands:
        - yarn global add expo-cli
        - npm install --quiet --global pnpm
        - pnpm install
    build:
      commands:

felippewick

Password Autofill on a React Native Expo app

Developing an app to accompany our website, worried that we would lose people in the transition if they couldn't remember their password, we were looking to make our app do Password AutoFill, a feature in iOS.

A talk from WWDC introducing the feature: https://developer.apple.com/videos/play/wwdc2017/206/

It works well, but there were a few bumps in the road making it work for React Native on Expo, so here are some notes to help out.

Apple's docs are here: https://developer.apple.com/documentation/security/password_autofill and they say something like this:

felippewick

const plugins = require('expo/config-plugins')
const {
  mergeContents,
} = require('@expo/config-plugins/build/utils/generateCode')
const path = require('path')
const fs = require('fs')

module.exports = function withReanimatedUseFrameworks(config) {
  return plugins.withDangerousMod(config, [

felippewick

import { useWindowDimensions } from 'react-native'
import { Gesture } from 'react-native-gesture-handler'
import Animated, {
  Extrapolation,
  WithSpringConfig,
  interpolate,
  scrollTo,
  useAnimatedRef,
  useAnimatedScrollHandler,
  useAnimatedStyle,