Skip to content

TradingPal/react-debbuger

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-native-drag-debugger

react-native component that let you see the console inside your app, in just one tap

Demo

Pre-Requirements

react-native-console-panel

npm install --save react-native-console-panel

react-native-flip-view

npm install git://github.com/Infinity0106/react-native-flip-view.git

react-native-gesture-responder

npm i react-native-gesture-responder

Installation

npm i react-debbuger

Example

import DragDebuger from "react-native-drag-debugger.js";
...

render(){
		const routes = [
			{title: "First Scene", index: 0},
			{title: "Second Scene", index: 1},
		];
		return(
			<DragDebuger positionX={175} positionY={275} sourceIMG={this.image()}>
				<Navigator
					initialRoute={routes[0]}
					initialRouteStack={routes}
					renderScene={(route, navigator) =>
						<TouchableHighlight onPress={() => {
						if (route.index === 0) {
							navigator.push(routes[1]);
							console.log("inicio");
						} else {
							navigator.pop();
							console.log("final");
						}
						}}>
						<Text>Hello {route.title}!</Text>
						</TouchableHighlight>
					}
					style={{borderColor: "red",borderWidth:2, backgroundColor: "white"}}
					/>
			</DragDebuger>
		);
};
image(){
	return(<Image style={{width:50,height:50}} source={{uri:'http://hitchcock.itc.virginia.edu/Slavery/next.gif'}}/>);
};

Props

Prop Description Default
positionX initial X value for left positioning 0
positionY initial Y value for top positioning 0
sourceIMG initial Image for the icon bug img

Thanks To

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published