2016-02-24 10 views
9

Sono nuovo in React Native. Voglio impostare l'icona (da react-native-vector-icons) per l'azione ToolbarAndroid. Qui è il mio codice JSX:Come impostare l'icona dell'azione della barra degli strumenti in React Native?

import ToolbarAndroid from 'ToolbarAndroid'; 
import MaterialIcon from 'react-native-vector-icons/MaterialIcons'; 
... 
<ToolbarAndroid 
    title='SomeTitle' 
    titleColor='white' 
    style={styles.toolbar} 
    actions={[ 
    { title: 'Done', icon: 'HERE_I_DONT_KNOW_WHAT_TO_PUT', show: 'always' }, 
    { title: 'Setting', show: 'always' }, 
    ]} 
/> 
... 

Nome icona dalla collezione di design materiale è done.

Grazie per l'aiuto.

risposta

8

Utilizzando Reagire Native 0,21 e react-native-vector-icons 1.3.0 è ora possibile utilizzare iconName come questo:

<MaterialIcon.ToolbarAndroid 
    title='SomeTitle' 
    titleColor='white' 
    style={styles.toolbar} 
    actions={[ 
    { title: 'Done', iconName: 'done', show: 'always' }, 
    { title: 'Setting', show: 'always' }, 
    ]} 
/>