react-native-responsive/lib/components/debug.js

A React Native module to manage responsive layouts more efficiently

import React, {
	Component
} from "react";
import {
	View,
	Text,
	ViewPropType
} from "react-native";
import { Device } from "../models";

class Debug extends Component {
	static displayName = "MediaQueryDebug";
	static propTypes = {
		...ViewPropType
	};

	constructor(props) {
		super(props);
	}

	render() {
		let {
			styleText,
			...others
		} = this.props;

		return (
			<View {...others}>
				{ Device.information.map((data, key) => <Text key={key} style={styleText}> {data} </Text>) }
			</View>
		);
	}
}

export default Debug;