React-native-paper: 'add' icon missing from 3.0.0-alpha.3

Created on 2 Sep 2019  路  1Comment  路  Source: callstack/react-native-paper

Environment

react-native-paper 3.0.0-alpha.3

Description

The add icon is showing up as a question mark, and I get a Yellowbox warning "Failed prop type: Invalid prop 'name' of value 'add' supplied to 'Icon' expected on of [...]. Reverting to 3.0.0-alpha.2 resolved the issue.

Reproducible Demo

import React, {Component} from 'react';
import { FAB } from 'react-native-paper';
import FontAwesome5 from 'react-native-vector-icons/FontAwesome5';
class HomeFAB extends React.Component {
    constructor(props) {
        super(props);
        this.state = { open: false };
    }
    render() {
        return <FAB.Group open={this.state.open} icon="add" actions={[{
                    icon: (props) => <FontAwesome5 name="comments" {...props} />,
                    label: 'New Chat',
                    onPress: () => console.log('press'),
                }]}
                onStateChange={({ open }) => this.setState({ open })} />
    }
}

Most helpful comment

They have switched to MaterialCommunityIcons for more icons + outlined. You have to look at this website for icons now
https://materialdesignicons.com/
'add' is now 'plus'

>All comments

They have switched to MaterialCommunityIcons for more icons + outlined. You have to look at this website for icons now
https://materialdesignicons.com/
'add' is now 'plus'

Was this page helpful?
0 / 5 - 0 ratings

Related issues

knobandre picture knobandre  路  4Comments

ZhengYuTay picture ZhengYuTay  路  3Comments

tonyxiao picture tonyxiao  路  3Comments

yaronlevi picture yaronlevi  路  3Comments

zachariahtimothy picture zachariahtimothy  路  3Comments