diff --git a/examples/components/App.js b/examples/components/App.js
index 81d9d849..f43df40a 100644
--- a/examples/components/App.js
+++ b/examples/components/App.js
@@ -1,11 +1,9 @@
import GridView from './GridView'
import Heading from './Heading'
-import MediaQueryWidget from './MediaQueryWidget'
import React, { Image, StyleSheet, ScrollView, Text, TextInput, TouchableHighlight, View } from 'react-native'
export default class App extends React.Component {
static propTypes = {
- mediaQuery: React.PropTypes.object,
style: View.propTypes.style
}
@@ -17,11 +15,8 @@ export default class App extends React.Component {
}
render() {
- const { mediaQuery } = this.props
const finalRootStyles = [
- rootStyles.common,
- mediaQuery.small.matches && rootStyles.mqSmall,
- mediaQuery.large.matches && rootStyles.mqLarge
+ rootStyles.common
]
return (
@@ -35,8 +30,6 @@ export default class App extends React.Component {
scroll views – from which more complex components and apps can be
constructed.
-
-
Image
{
- const active = Object.keys(mediaQuery).reduce((active, alias) => {
- if (mediaQuery[alias].matches) {
- active = {
- alias,
- mql: mediaQuery[alias]
- }
- }
- return active
- }, {})
-
- return (
-
- Active Media Query
- {`"${active.alias}"`} {active.mql && active.mql.media}
-
- )
-}
-
-const styles = StyleSheet.create({
- root: {
- alignItems: 'center',
- borderWidth: 1,
- marginVertical: 10,
- padding: 10
- },
- heading: {
- fontWeight: 'bold',
- padding: 5,
- textAlign: 'center'
- },
- text: {
- textAlign: 'center'
- }
-})
-
-export default MediaQueryWidget