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