React Native - Change background color in tabnavigator dynamically

Question

i want to change my tab navigator background color dynamically in based on my API response so below is my code

_TabNavigator.js

cons         


        

Answer 1

try using

const tabBarOptions = {
// setting height 'null', and top 0 will change the color of pressed tab
   indicatorStyle: {
     height: null,
     top: 0,
     backgroundColor: "red",
     borderBottomColor: "black",
     borderBottomWidth: 3,
   },
   activeTintColor: "black",
   pressColor: "white",
   style: {
     backgroundColor: "#ddc8be",
   },
   labelStyle: { fontSize: 13 },
};