Значок не отображается на экране Android с использованием реагировать-родной-векторные иконки - PullRequest
0 голосов
/ 06 февраля 2019

Я новичок в реакции-нативной и enter image description here пытаюсь реализовать вкладку навигатор.Я использую реагировать родные векторные иконки.Я пытался отобразить значок на моем экране, но он не показывает мне значок. Вот что я сделал

1-npm установить response-native-vector-icons --save

2-реактивная ссылка-реактивная-векторная-иконки

3-отредактированная версия android / app / build.gradle

  project.ext.vectoricons = [
        iconFontNames: [ 'MaterialIcons.ttf', 'EvilIcons.ttf' ] 
    ]
  apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

4- реаги-родной run-android

import React, { Component } from 'react'; 
import { StyleSheet, Text, View,Image,StatusBar,Button,TouchableOpacity} from 'react-native';
import { createBottomTabNavigator, createAppContainer } from 'react-navigation';
import Icon from 'react-native-vector-icons/Ionicons';
import profile from './profile';

export  class test extends Component
{ render()
    { 
        return (
            <View style={styles.container}>
                 <Text style={styles.text}>Test</Text>
                 </View>
             );
    }
}
export default createBottomTabNavigator({
'test':{screen:test,
navigationOption:{
tabBarLabel:'test',
tabBarIcon:({tintColor})=>(
<Icon name="rocket" color={tintColor} size={40}/>
 )}},
 'Profile': { screen:profile,
    navigationOption:{
        tabBarLabel:'profile',
        tabBarIcon:({tintColor})=>(
            <Icon name="rocket" color={tintColor} size={40}/>
) } }     
},{

    navigationOption:{
        tabBarVisible:true
    },   
    tabBarOptions:{
        activeTintColor:'red',
        inactiveTintColor:'grey'
    }
});

const styles= StyleSheet.create({
    container:{
                 flexGrow:1,

                  backgroundColor:'#1c313a',
                justifyContent:'center',
                alignItems:'center'
              },
                text:{
                fontSize:25,
                fontWeight:'500',
                color :'#fff',
                paddingHorizontal:16 ,
                textAlign:'center'
               }
});

enter image description here

1 Ответ

0 голосов
/ 07 февраля 2019

Я думаю, что имя rocket для типа значка Ionicons не существует.Вы можете проверить это здесь

https://oblador.github.io/react-native-vector-icons/

Возможно, вы бы использовали другой тип или другое имя.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...