Function Results

example/src/Examples/TeamDetails.tsx:138–178

()

};

const Results = () => {
  const renderItem = ({ item }: { item: Item }) => {
    return (
      <View style={styles.listRow}>
        <IconButton
          onPress={() => {}}
          selected={item.favourite}
          icon={item.favourite ? 'star' : 'star-outline'}
        />
        <View style={styles.teamResultRow}>
          <View>
            <Text
              variant="bodyLarge"
              style={item.winner === item.host && styles.winner}
            >
              {item.host}
            </Text>
            <Text
              variant="bodyLarge"
              style={item.winner === item.guest && styles.winner}
            >
              {item.guest}
            </Text>
          </View>
          <View style={styles.score}>
            <Text variant="bodyLarge">{item.result.split(':')[0]}</Text>
            <Text variant="bodyLarge">{item.result.split(':')[1]}</Text>
          </View>
        </View>
      </View>
    );
  };

  return (
    <FlatList
      data={teamResultsData}
      renderItem={renderItem}
      ItemSeparatorComponent={Divider}
    />
  );
};

const ThemeBasedOnSourceColor = ({ navigation, route }: Props) => {
  const insets = useSafeAreaInsets();