aksonov / aksonov/react-native-router-flux

Unable to see tabs icons for expo app

Abierto
#3,504 28 comentarios 0 reacciones 0 asignados Ver en GitHub
Lenguaje dominante
JavaScript
Estrellas
8.9k
Forks
2.1k
Métricas de merge de PR
Sin PR fusionados en 30 d

Descripción

### Version
- react-native-router-flux v4.0.6
- react v6.4.1
- expo v 2.17.3

### Expected behaviour
I have a aws amplify react native app. I'm using expo. I'm expecting to be able to see our application's tab icons on the bottom. I'm able to see the tabs, but I'm not able to see the icons. I'm using an android phone and simulator, and have seen the behavior on both.

### Code

I made a router.js file like below.

```
`// Libraries and References
import React, { Component } from 'react';
import { Router, Scene, ActionConst } from 'react-native-router-flux';
import I18n from './utils/i18n/i18n';
import { connect } from 'react-redux';
const Constants = require('./utils/constants/Constants');
import Icon from 'react-native-vector-icons/FontAwesome'

// Components
import homeScreen from './components/screens/HomeScreen';
import alertsScreen from './components/screens/AlertAnnouncementScreen';
import resoucesScreen from './components/screens/ResourceScreen';
import settingsScreen from './components/screens/AccountSettingsScreen';

class TabIcon extends Component {
render() {
return (



);
}
};

// Navigation
class RouterComponent extends Component {

render() {
return (









)
}
}

//

// export
export default connect(null, null)(RouterComponent);`

```

I refer to it like so:

```
`export default class App extends React.Component {
state = {
isLoadingComplete: false,
};

render() {
if (!this.state.isLoadingComplete && !this.props.skipLoadingScreen) {
return (

);
} else {
return (


{Platform.OS === 'ios' && }



);
}
}`

```
When I run it, here is what I see:
![image](https://user-images.githubusercontent.com/11961874/60371521-157fa180-99bf-11e9-87d1-a2f3d17e39d9.png)

I have confirmed this functionality on both Android and Apple phones.

Guía de contribución

Abrir la guía de contribución

Evaluación

Este issue todavía no se ha evaluado.

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.