Skip to content

Instantly share code, notes, and snippets.

View ridgeO's full-sized avatar

Ridge ridgeO

2 followers · 1 following
View GitHub Profile
@ridgeO
ridgeO / addDrawerNavToApp.js
Created May 30, 2017 04:44
Code snippet from ReactNav application as featured in http://platypus.is/posts/4
# App.js
...
class ReactNav extends Component {
render() {
return (
<DrawerNav/>
);
}
}
@ridgeO
ridgeO / addDrawerOpenButtons.js
Created May 30, 2017 04:54
Code snippet from ReactNav application as featured in http://platypus.is/posts/4
# App.js
...
class GreenScreen extends Component {
render() {
return(
....
<TouchableHighlight
style={styles.button}
onPress={() => this.props.navigation.navigate('DrawerOpen')}
@ridgeO
ridgeO / createNestedNavStack.js
Created May 30, 2017 05:08
Code snippet from ReactNav application as featured in http://platypus.is/posts/4
# App.js
...
const NestedNav = StackNavigator(
{
Landing: { screen: GreenScreen },
Drawer: { screen: DrawerNavigator() }
},
{ headerMode: 'none' }
)
@ridgeO
ridgeO / createNestedNavDrawer.js
Created May 30, 2017 05:10
Code snippet from ReactNav application as featured in http://platypus.is/posts/4
# App.js
...
const NestedNav = StackNavigator(
{
Landing: { screen: GreenScreen },
Drawer: { screen: DrawerNavigator(
{
Home: { screen: TabNavigator(
{
@ridgeO
ridgeO / modifyGreenAndRed.js
Last active May 30, 2017 05:25
Code snippet from ReactNav application as featured in http://platypus.is/posts/4
# App.js
...
class GreenScreen extends Component {
render() {
return(
<View style={styles.green}>
...
<TouchableHighlight
style={styles.button}
@ridgeO
ridgeO / addNestedNavToApp.js
Created May 30, 2017 05:26
Code snippet from ReactNav application as featured in http://platypus.is/posts/4
# App.js
...
class ReactNav extends Component {
render() {
return (
<NestedNav/>
);
}
}
@ridgeO
ridgeO / importFirebase.js
Created June 9, 2017 00:23
# firebaseConfig.js
...
import * as firebase from 'firebase';
...
@ridgeO
ridgeO / importFirebaseApp.js
Created June 9, 2017 00:39
# index.ios.js and/or index.android.js
...
import firebaseApp from './firebaseConfig.js';
...
@ridgeO
ridgeO / initializeFirebase.js
Created June 9, 2017 00:43
# firebaseConfig.js
...
// Initialize Firebase
const firebaseConfig = {
apiKey: "<your-api-key>",
authDomain: "<your-auth-domain>",
databaseURL: "<your-database-url>",
storageBucket: "<your-storage-bucket>"
};
@ridgeO
ridgeO / importFirebase.js
Created June 9, 2017 01:08
Code snippets from ReactNativeFirebase application as featured in http://platypus.is/posts/5
# firebaseConfig.js
...
import * as firebase from 'firebase';
...