title: React Navigation | [eslint] Parsing error: Unexpected token = | React-Native
body: <p>I'm having a linting issue with the Air Bnb eslint ruleset, this is my code:</p>
  
  <pre><code>import React, { Component } from 'react';
  import {
    StyleSheet,
    Text,
    View,
  } from 'react-native';
  
  class HomePage extends Component {
    static navigationOptions = {
      title: 'Whats on',
      headerStyle: {
        backgroundColor: '#1980F5',
      },
      headerTintColor: '#fff',
    };
  
    render() {
      return (
        &lt;View&gt;
          &lt;Text&gt;Insert HomePage&lt;/Text&gt;
        &lt;/View&gt;
      );
    }
  }
  export default HomePage;
  </code></pre>
  
  <p>after navigationOption it doesn't like the "=" (line 9) and shows the message in the title. Everything works like it should but i would like to know how i can get rid of the ESlint error without disabling the rule.</p>
  
  <p>Thanks in advance</p>