react native component for display console messages.
npm install react-native-console-panelXcode / Android Studio is not a must for React Native app development.
RN developers can simplify tool chain with this component when coding javascript only.
You don't have to open any of Xcode , Android Studio or Chrome dev console for viewing js console message. A javascript editor and a emulator/device are all you need.
npm install --save react-native-console-panel``javascript`
//import the component
var ConsolePanel = require('react-native-console-panel').displayWhenDev();
...
render:function(){
return (
...
Hit me!
//Panel will float above your content
//use top,left to control panel's position
{ConsolePanel}
);displayWhenDev()
* will return the component or null accroding __DEV__ flagdisplayIgnoreDevVariable()
* ignore __DEV__ variable
.Now, when you use 'console' to print something , it will be like this:
!screenshot
$3
`javascript
propTypes:{
limit:React.PropTypes.number,//message limit number
open:React.PropTypes.bool,//is open when mounted
}
``I'm new to Javascript .So any pull request is welcomed!