Icons won't display

React Native
1

whenever I try to display icons nothing shows up

For example when I run

import React from "react";
import { View } from "react-native";
import { MaterialCommunityIcons } from "@expo/vector-icons";


export default function App() {
  return (<View style={{backgroundColor:"pink", width: "100%", height: "100%"}}>
    <MaterialCommunityIcons
      name="trash-can"
      size={35}
      color="black"
    />
  </View>)
}

All I get is a pink screen (no icon).

In ios simulator I see “Possible Unhandled Promise Rejection (id:0):”

but not sure if that’s related. The log for it is

[Unhandled promise rejection: Error: Directory for 'file:///Users/charliemorton/Library/Developer/CoreSimulator/Devices/82DA4820-9B41-4E5D-8974-D4E2197797BE/data/Containers/Data/Application/56C04C38-932B-469A-B9DA-D834D9251E28/Library/Caches/ExponentExperienceData/%2540anonymous%252FdoneWithIt-3680a1ff-1b60-4216-9742-7996ad34c975/ExponentAsset-6a2ddad1092a0a1c326b6d0e738e682b.ttf' doesn't exist. Please make sure directory '/Users/charliemorton/Library/Developer/CoreSimulator/Devices/82DA4820-9B41-4E5D-8974-D4E2197797BE/data/Containers/Data/Application/56C04C38-932B-469A-B9DA-D834D9251E28/Library/Caches/ExponentExperienceData/%40anonymous%2FdoneWithIt-3680a1ff-1b60-4216-9742-7996ad34c975' exists before calling downloadAsync.]

Stack trace:
  node_modules/react-native/Libraries/BatchedBridge/NativeModules.js:104:50 in promiseMethodWrapper
  node_modules/expo-modules-core/build/NativeModulesProxy.native.js:15:23 in moduleName.methodInfo.name
  node_modules/expo-file-system/build/FileSystem.js:105:17 in downloadAsync
  node_modules/regenerator-runtime/runtime.js:63:36 in tryCatch
  node_modules/regenerator-runtime/runtime.js:294:29 in invoke
  node_modules/regenerator-runtime/runtime.js:63:36 in tryCatch
  node_modules/regenerator-runtime/runtime.js:155:27 in invoke
  node_modules/regenerator-runtime/runtime.js:190:16 in PromiseImpl$argument_0
  node_modules/react-native/node_modules/promise/setimmediate/core.js:45:6 in tryCallTwo
  node_modules/react-native/node_modules/promise/setimmediate/core.js:200:22 in doResolve
  node_modules/react-native/node_modules/promise/setimmediate/core.js:66:11 in Promise
  node_modules/regenerator-runtime/runtime.js:189:15 in callInvokeWithMethodAndArg
  node_modules/regenerator-runtime/runtime.js:212:38 in enqueue
  node_modules/regenerator-runtime/runtime.js:239:8 in exports.async
  node_modules/expo-file-system/build/FileSystem.js:101:7 in downloadAsync
  node_modules/expo-asset/build/PlatformUtils.js:49:25 in _downloadAsyncManagedEnv
  node_modules/regenerator-runtime/runtime.js:63:36 in tryCatch
  node_modules/regenerator-runtime/runtime.js:294:29 in invoke
  node_modules/regenerator-runtime/runtime.js:63:36 in tryCatch
  node_modules/regenerator-runtime/runtime.js:155:27 in invoke
  node_modules/regenerator-runtime/runtime.js:165:18 in PromiseImpl.resolve.then$argument_0
  node_modules/react-native/node_modules/promise/setimmediate/core.js:37:13 in tryCallOne
  node_modules/react-native/node_modules/promise/setimmediate/core.js:123:24 in setImmediate$argument_0
  node_modules/react-native/Libraries/Core/Timers/JSTimers.js:123:14 in _callTimer
  node_modules/react-native/Libraries/Core/Timers/JSTimers.js:177:14 in _callImmediatesPass
  node_modules/react-native/Libraries/Core/Timers/JSTimers.js:437:30 in callImmediates
  node_modules/react-native/Libraries/BatchedBridge/MessageQueue.js:388:6 in __callImmediates
  node_modules/react-native/Libraries/BatchedBridge/MessageQueue.js:132:6 in __guard$argument_0
  node_modules/react-native/Libraries/BatchedBridge/MessageQueue.js:365:10 in __guard
  node_modules/react-native/Libraries/BatchedBridge/MessageQueue.js:131:4 in flushedQueue
  [native code]:null in flushedQueue
  [native code]:null in invokeCallbackAndReturnFlushedQueue