How to use react-native-elements - 10 common examples

)
	}
	const badgeSize = size / 3
	class GroupBadge extends React.Component {
		render = () => 
	}
	const Avatar = () => content
	const WrappedAvatar = withBadge('', { Component: GroupBadge })(Avatar)
	return 
}

render() {
    const { bells } = this.props
      , unreadBells = bells.reduce((sum, bell) => sum + (bell.isRead ? 0 : 1), 0)
      , Component = unreadBells ?
                    withBadge(unreadBells, {badgeStyle: {backgroundColor: colors.green}})(Icon) :
                    Icon

    return (
      
    )
  }
}

const icon = (name: string, size: number = 32, color?: string, badge?: number) => ({focused}) => {
  const Component = badge ? withBadge(badge)(Icon) : Icon
  return (
    
  )
}

import React, { Component } from "react";
import PropTypes from "prop-types";
import { Card as NativeCard } from "react-native-elements";

import styles from "./styles";

export default class Card extends Component {
  static propTypes = {
    title: NativeCard.propTypes.title,
    children: PropTypes.node,
    image: NativeCard.propTypes.image
  };

  static defaultProps = {
    title: null,
    children: null,
    image: null
  };

  render() {
    return (

import React, { Component } from "react";
import PropTypes from "prop-types";
import { Card as NativeCard } from "react-native-elements";

import styles from "./styles";

export default class Card extends Component {
  static propTypes = {
    title: NativeCard.propTypes.title,
    children: PropTypes.node,
    image: NativeCard.propTypes.image
  };

  static defaultProps = {
    title: null,
    children: null,
    image: null
  };

  render() {
    return (