React native does not recognize static variable

Question

I'm trying to use navigationOptions but reactNative doesn't recognize "static".

I've tried with classes and it worked, but with the function it didn't work

export default function Home() {
  static navigationOptions = {
    title: 'Home',
  };
  return (
    <View style={styles.container}>
      <Text style={styles.h1}>Home</Text>
    </View>
  );
}

Uncaught (in promise) TypeError: Cannot read property 'concat' of undefined
    at DeltaPatcher.applyDelta (DeltaPatcher.js:77)
    at deltaUrlToBlobUrl (deltaUrlToBlobUrl.js:28)
    at async getBlobUrl ((index):237)
    at async WebSocket.ws.onmessage ((index):192)

Home is a function, not a class.

Etheryte
– Etheryte

2019-08-24 21:04:26 +00:00
Commented Aug 24, 2019 at 21:04 — Etheryte
– Etheryte, Commented Aug 24, 2019 at 21:04

tvanlaerhoven · Accepted Answer · 2019-08-24 21:43:16Z

2

In your example, you can create a static variable shared by all instances like this:

export default function Home() {
  return (
    <View style={styles.container}>
      <Text style={styles.h1}>Home</Text>
    </View>
  );
}

Home.navigationOptions = {
  title: 'Home',
};

In JavaScript functions are first-class objects. So being an object, you can assign properties to a function.

In ES6 the class keyword was introduced with an accompanied static keyword.

answered Aug 24, 2019 at 21:43

tvanlaerhoven

7296 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React native does not recognize static variable

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related