Universal polyfill for match media API using Expo APIs on mobile
TL;DR: Demo
Install @expo/match-media
in your project.
yarn add @expo/match-media
If you're using a React Native app that wasn't bootstrapped with the
expo-cli
then you'll need to install and link theexpo
module to use this package.
Import the polyfill at the top of your file before using the window.matchMedia
API.
import '@expo/match-media';
// use the match media API
What this does
- In the browser: Nothing
- In React Native apps: Polyfills the
matchMedia
API so you can use awesome libraries likereact-responsive
.
The Expo source code is made available under the MIT license. Some of the dependencies are licensed differently, with the BSD license, for example.