2016-05-20 10 views
1

Dies ist meine einfache reagieren nativer Seite:Wie kann ich ein Vektor-Symbol in meinem ToolbarAndroid zeigen aus reagieren-native-Vektor-Icons (reagieren nativ)

'use strict'; 

import React, { Component } from 'react'; 

import { 
    AppRegistry, 
    StyleSheet, 
    ToolbarAndroid 
} from 'react-native'; 

import Icon from 'react-native-vector-icons/Ionicons'; 


class myapp extends Component { 
    render() { 
     return (
      <ToolbarAndroid 
       title="AwesomeApp" 
       navIconName="md-arrow-back" 
       actions={[ 
        { 
         title: 'Settings', 
         iconName: 'md-cog', 
         show: 'always' 
        } 
       ]} 
       style={styles.toolbar} 
      /> 
     ); 
    } 
} 

var styles = StyleSheet.create({ 
    toolbar: { 
     backgroundColor: '#e9eaed', 
     height: 56 
    } 
}); 

AppRegistry.registerComponent('myapp',() => myapp); 

ich anyicons nicht bekommen ...

kann keine einfach genug Beispiele zu verstehen finden, wie Symbole verwenden

ich habe auch versucht

<Icon.ToolbarAndroid ... 

ich th Fehler:

RNVectorIconsModule not available, did you properly integrate the module?

+1

Wie haben Sie das Modul verknüpft? RMP Link? oder manuell? –

+0

@agent_hunt: Ja, ich habe den zusätzlichen Schritt verpasst, um den Gradle-Dateien hinzuzufügen. Vielen Dank. –

Antwort

1

Wie @agent_hunt wies in den Kommentar aus, machte mir klar, ich habe die Anweisungen nicht folgen Sie den ALL installieren ... Ich brauchte einige Einstellungen meiner android Wiege Dateien speziell für die Symbolleiste Unterstützung hinzufügen .

Jetzt funktioniert es

Verwandte Themen