streetsmartdev

Creating an infinite scroll with react native

streetsmartdev

functions:
  fbverify:
    handler: handler.fbVerify
    events:
      - http:
          path: fbhook
          method: GET
          integration: lambda
  fbmessages:
    handler: handler.fbMessages

streetsmartdev

module.exports.fbVerify = (event, context, callback) => {
    if (event.query['hub.mode'] === 'subscribe' &&
        event.query['hub.verify_token'] === 'sometoken') {
        console.log("Validating webhook");
        return callback(null, parseInt(event.query['hub.challenge']));
    } else {
        console.error("Failed validation. Make sure the validation tokens match.");
        return callback('Invalid token');
    }
};

streetsmartdev

module.exports.fbMessages = (event, context, callback) => {
    event.body.entry.map((entry) => {
        entry.messaging.map((messagingItem) => {
            if (messagingItem.message && messagingItem.message.text) {
                const url = `https://graph.facebook.com/v2.6/me/messages?access_token=<your access token here>`;

                const responsePayload = {
                    recipient: {
                        id: messagingItem.sender.id
                    },

streetsmartdev

import React from "react";
import {StyleSheet} from "react-native";
import {Button, Text, View} from "react-native";

class LoginScreen extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.title}>React navigator - Login</Text>
        <Button

streetsmartdev

import React from "react";
import {StyleSheet, Text, View} from "react-native";

class HomeScreen extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.title}>React navigator - Home</Text>
      </View>
    );

streetsmartdev

import React from "react";
import {StackNavigator} from "react-navigation";
import LoginScreen from "./internal/Login";
import HomeScreen from "./external/Home";

export default StackNavigator(
  {
    External: {screen: LoginScreen},
    Internal: {screen: HomeScreen}
  },

streetsmartdev

import React from "react";
import RootNavigator from "./src/routes/RootNavigator";

export default class App extends React.Component {
  render() {
    return <RootNavigator />;
  }
}

streetsmartdev

import React from "react";
import {StyleSheet, Text, View} from "react-native";

class AboutScreen extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.title}>React navigator - About</Text>
      </View>
    );

streetsmartdev

import React from "react";
import {TabNavigator} from "react-navigation";
import HomeScreen from "./Home";
import AboutScreen from "./About";

export default TabNavigator(
  {
    Home: {screen: HomeScreen},
    About: {screen: AboutScreen}
  },