createBottomTabNavigator AsyncStorage - React Native

Question

У меня есть переключатель между темами, и у меня проблема с нижним Tab Navigator. Я пытаюсь установить состояние данных из AsyncStorage, но он возвращает объект объекта. Как я могу получить данные и поместить их в фоновый цвет tabBarOptions.

Спасибо!

..//
const state = {
  borderTopColor: '#dddddd',
  theme: AsyncStorage.getItem('theme').then(data => { return data })
}

..//

const TabNavigator = createBottomTabNavigator({

  Home: {
   screen: Home,
   navigationOptions: ({ navigation }) => ({
     tabBarLabel: 'Главная',
     tabBarVisible: getActiveRoute(navigation.state) !== 'ArticleScreen',
     tabBarIcon:({tintColor})=>(
       <Icon name="ios-home" color={tintColor} size={24} />
     )
   })
 },

  Courses:{
    screen:Courses,
    navigationOptions:{
      tabBarLabel:'Courses',
      tabBarIcon:({tintColor})=>(
        <Icon name="ios-school" color={tintColor} size={24} />
      )
    }
  },
  
 

},{
  tabBarOptions:{
    activeTintColor:'#db0202',
    inactiveTintColor:'grey',
    style:{
      fontSize:3,
      height:45,
      backgroundColor: state.theme,
      borderTopWidth:1,
      borderTopColor: state.borderTopColor
    }
  }
});


export default createAppContainer(TabNavigator);