TypeError: Cannot read property 'statusBarColor' of undefined

[darmie]

I am trying to add a Navigation bar:

import React, { Component } from "react";
import { Text, View } from "react-native";
import styles from "./styles";
import { Button, Icon, NavigationBar, Title } from "@shoutem/ui"

export default class Dashboard extends Component {
  render() {
    return (
      <NavigationBar
        leftComponent={(<Button><Icon name="home" /></Button>)}
        centerComponent={(<Title>Dashboard</Title>)}
        rightComponent={(
          <View>
            <Button><Icon name="search" /></Button>
            <Button><Icon name="settings" /></Button>
          </View>
        )}
      />
    );
  }
}

I am getting this error

Version

@shoutem/ui": "^0.23.9"

[masterix21]

i have the same error

[agCepeda]

The same for me. Do you have a workaround for this issue?

[lnanhkhoa]

same issue

[lnanhkhoa]

https://github.com/shoutem/ui/issues/417#issuecomment-441519455

[ozankonur]

+1

[darmie]

I fixed it by downgrading to a previous version of @shoutem/ui

[ozankonur]

Solution: Change NavigationBar.js: import { Device } from "@shoutem/ui/helpers/device-selector.js";

and inside function setStyle (same file) replace the declaration of statusBarColor by: const { statusBarColor } = this.props ? this.props : { statusBarColor: bgColor };

[ortegoncarlos]

@ozankonur Solution fixed the problem

[sadi304]

@ozankonur (Y)

[prazeev]

Solution: Change NavigationBar.js: import { Device } from "@shoutem/ui/helpers/device-selector.js";

and inside function setStyle (same file) replace the declaration of statusBarColor by: const { statusBarColor } = this.props ? this.props : { statusBarColor: bgColor };

This fixed my issue. Thanks

[Eric013]

When a new release to fix error?