mirror of
https://github.com/zhigang1992/react-native-web.git
synced 2026-04-21 02:27:15 +08:00
24 lines
779 B
JavaScript
24 lines
779 B
JavaScript
import { MediaProvider, matchMedia } from 'react-media-queries'
|
|
import App from './components/App'
|
|
import createGetter from 'react-media-queries/lib/createMediaQueryGetter'
|
|
import createListener from 'react-media-queries/lib/createMediaQueryListener'
|
|
import React, { AppRegistry } from 'react-native'
|
|
|
|
const mediaQueries = {
|
|
small: '(min-width: 300px)',
|
|
medium: '(min-width: 400px)',
|
|
large: '(min-width: 500px)'
|
|
}
|
|
const ResponsiveApp = matchMedia()(App)
|
|
const WrappedApp = () => (
|
|
<MediaProvider getMedia={createGetter(mediaQueries)} listener={createListener(mediaQueries)}>
|
|
<ResponsiveApp />
|
|
</MediaProvider>
|
|
)
|
|
|
|
AppRegistry.registerComponent('Example', () => WrappedApp)
|
|
|
|
AppRegistry.runApplication('Example', {
|
|
rootTag: document.getElementById('react-root')
|
|
})
|