https://github.com/hesyifei/emotion-native-media-query

A proof of concept: Add responsive support for @emotion/native. It supports both React Native (Expo) and React Native Web (Expo for Web), as well as server-side rendering with frameworks such as Next.js.
https://github.com/hesyifei/emotion-native-media-query

emotion expo expo-web nextjs

Last synced: 2 months ago
JSON representation

A proof of concept: Add responsive support for @emotion/native. It supports both React Native (Expo) and React Native Web (Expo for Web), as well as server-side rendering with frameworks such as Next.js.

• Host: GitHub
• URL: https://github.com/hesyifei/emotion-native-media-query
• Owner: hesyifei
• License: mit
• Archived: true
• Created: 2019-08-29T04:20:28.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2021-11-18T17:58:58.000Z (over 3 years ago)
• Last Synced: 2025-04-20T17:18:15.627Z (3 months ago)
• Topics: emotion, expo, expo-web, nextjs
• Language: TypeScript
• Homepage: https://www.npmjs.com/package/emotion-native-media-query
• Size: 540 KB
• Stars: 19
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-list - emotion-native-media-query - side rendering with frameworks such as Next.js. | hesyifei | 18 | (TypeScript)

README

        
# emotion-native-media-query

> Add responsive support for [@emotion/native](https://emotion.sh/docs/@emotion/native). It supports both React Native (Expo) and React Native Web (Expo for Web), as well as server-side rendering with frameworks such as Next.js.

[![NPM](https://img.shields.io/npm/v/emotion-native-media-query.svg)](https://www.npmjs.com/package/emotion-native-media-query)

[![Build Status](https://travis-ci.com/hesyifei/emotion-native-media-query.svg?branch=master)](https://travis-ci.com/hesyifei/emotion-native-media-query)

## Install

```bash

npm install --save emotion-native-media-query

```

## Usage

```tsx

import * as React from "react";

import RView, { MediaRule } from "emotion-native-media-query";

class Example extends React.Component {

  render() {

    return (

      

    );

  }

}

```

For more, read the [API Reference for `RView`](./docs/RView.md).

## License

MIT © [hesyifei](https://github.com/hesyifei)