darylrowland

import React, { Component } from 'react';
import {
  Platform,
  StyleSheet,
  Text,
  View
} from 'react-native';

const BEST_MATCH_THRESHOLD = 0.5;

darylrowland

const BEST_MATCH_THRESHOLD = 0.5;

darylrowland

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: 'transparent',
  },
  info: {
    fontSize: 20,
    color: "#ffffff",

darylrowland

constructor(props) {
      super(props);
      this.state = {
        bestMatch: null
      };
}

darylrowland

[
  {identifier: "hotdog", confidence: 0.6},
  {identifier: "not-hotdog", confidence: 0.002}
]

darylrowland

onClassification(classifications) {
    var bestMatch = null;

    if (classifications && classifications.length > 0) {
      // Loop through all of the classifications and find the best match
      classifications.forEach((classification) => {
        if (!bestMatch || classification.confidence > bestMatch.confidence) {
          bestMatch = classification;
        }
      });

darylrowland

render() {
    var classification = null;

    if (this.state.bestMatch) {
      if (this.state.bestMatch && this.state.bestMatch.identifier && this.state.bestMatch.identifier == "hotdog") {
        classification = "🌭 Hot Dog 🌭";
      } else {
        classification = "Not hot dog";
      }

darylrowland

import CoreMLImage from "react-native-core-ml-image"

darylrowland

npm install react-native-core-ml-image --save
react-native link react-native-core-ml-image

darylrowland

renderRow: function(foodItem) {
    return (
      <Text>{foodItem.name}</Text>
    )
},

renderSectionHeader: function(sectionData, category) {
  return (
    <Text style={{fontWeight: "700"}}>{category}</Text>
  )