aksonov / aksonov/react-native-router-flux

Unable to see tabs icons for expo app

Open
#3,504 28 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
8.9k
Forks
2.1k
PR merge metrics
No merged PRs in 30d

Description

### 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.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.