使用ToolbarAndroid上的图标做出反应原生

Question

       <ToolbarAndroid
        ....
        logo={require('./hawk.png')}
        />

如何使用vector icons。而不是png？

Answer 1

你可以这样使用它。

    import {ToolbarAndroid} from 'react-native';
    import Icon from 'react-native-vector-icons/MaterialIcons';

    ...

    action() {
        //code
    }

    ...

    <ToolbarAndroid>
      <Icon name="nameOfIcon" size={26} color="black" style={{margin: 10}} onPress={this.action.bind(this)}/>
    </ToolbarAndroid>

您可以根据您的要求使用尺寸，颜色，名称或款式。