使用工具欄上的圖標Android應答原生

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> 

您可以根據您的要求使用尺寸，顏色，名稱或樣式。