Ridge ridgeO

Often found playing around with Ruby on Rails, JQuery, Python, PostgreSQL, React, and React Native, among others. Currently at @ThePlatypusCompany

ridgeO / addTouchableHighlightToGreen.js

Created May 30, 2017 03:57

Code snippet from ReactNav application as featured in http://platypus.is/posts/4

	# App.js

	...
	import {
	...
	TouchableHighlight
	} from 'react-native';
	...

	class GreenScreen extends Component {

ridgeO / addButtonToStyles.js

Created May 30, 2017 03:58

Code snippet from ReactNav application as featured in http://platypus.is/posts/4

ridgeO / addBackButtonToRed.js

Created May 30, 2017 04:15

Code snippet from ReactNav application as featured in http://platypus.is/posts/4

	# App.js

	...
	class RedScreen extends Component {
	render() {
	return(
	<View style={styles.red}>
	<Text style={styles.text}>This is the Red Screen</Text>
	<TouchableHighlight
	style={styles.button}

ridgeO / redScreenNavOptions.js

Last active May 30, 2017 05:35

Code snippet from ReactNav application as featured in http://platypus.is/posts/4

	# App.js

	...
	RedScreen.navigationOptions = props => {
	const { navigation } = props;
	return {
	headerTitle: 'Red',
	headerRight: (<Button title='Purple' onPress={() => navigation.navigate('Purple')}/>),
	headerLeft: (<Button title='Blue' onPress={() => navigation.navigate('Blue')}/>)
	}

ridgeO / importButton.js

Created May 30, 2017 04:22

Code snippet from ReactNav application as featured in http://platypus.is/posts/4

ridgeO / importTabNavigator.js

Created May 30, 2017 04:30

Code snippet from ReactNav application as featured in http://platypus.is/posts/4

	# App.js

	...
	import { StackNavigator, TabNavigator } from 'react-navigation';
	...

ridgeO / createTabNav.js

Created May 30, 2017 04:32

Code snippet from ReactNav application as featured in http://platypus.is/posts/4

ridgeO / addTabNavToApp.js

Created May 30, 2017 04:35

Code snippet from ReactNav application as featured in http://platypus.is/posts/4

	# App.js

	...
	class ReactNav extends Component {
	render() {
	return (
	<TabNav/>
	);
	}
	}

ridgeO / importDrawerNavigator.js

Created May 30, 2017 04:42

Code snippet from ReactNav application as featured in http://platypus.is/posts/4

	# App.js

	...
	import { StackNavigator, TabNavigator, DrawerNavigator } from 'react-navigation';
	...

ridgeO / createDrawerNav.js

Created May 30, 2017 04:43

Code snippet from ReactNav application as featured in http://platypus.is/posts/4

	# App.js

	...
	const DrawerNav = DrawerNavigator({
	Green: { screen: GreenScreen },
	Red: { screen: RedScreen },
	Blue: { screen: BlueScreen },
	Purple: { screen: PurpleScreen }
	})
	...