mixpanel-react-native/Samples/MixpanelDemo/screens/Home.js

Official React Native Tracking Library for Mixpanel Analytics

import React from 'react';
import {StyleSheet, SafeAreaView, View, Button, ScrollView} from 'react-native';


const Separator = () => (
  <View style={styles.separator} />
);

class HomeScreen extends React.Component {
    /**
      Navigate screen to Welcome page
    */
    navigateEvent = () => {
        this.props.navigation.navigate('Event');
    }

    navigateProfile = () => {
      this.props.navigation.navigate('Profile');
    }

    navigateGDPR = () => {
      this.props.navigation.navigate('GDPR');
    }

    navigateGroup = () => {
      this.props.navigation.navigate('Group');
    }

    render() {
        return (
          <SafeAreaView>
            <ScrollView >
                <Separator />
                <Button onPress={this.navigateEvent} title='Event' />
                <Separator />
                <Button onPress={this.navigateProfile} title='Profile' />
                <Separator />
                <Button onPress={this.navigateGDPR} title='GDPR' />
                <Separator />
                <Button onPress={this.navigateGroup} title='Group' />
                <Separator />
            </ScrollView>
          </SafeAreaView>
        );
    }
}

const styles = StyleSheet.create({
  separator: {
    marginVertical: 15,
  }
})

export default HomeScreen;