active tab fontFaimly not working for android

[eramudeep]

Having some trouble with active tab style. its working fine with ios, but not on android

`<ScrollableTabView style={{ backgroundColor: color.black, paddingBottom: hasNotch && Platform.OS === "ios" ? 30 : 0, }} initialPage={selectedTabIndex} page={0} prerenderingSiblingsNumber={100} tabBarUnderlineStyle={{ backgroundColor: color.primaryColor }} tabBarTextStyle={{ fontFamily: "BrushUp", fontSize: 20 }} tabBarActiveTextColor={color.primaryColor} tabBarInactiveTextColor={color.white} renderTabBar={() => <ScrollableTabBar style={{ borderBottomWidth: 0 }} />}

{subMenus.map((val: any, index: any) => {

      return (
        <ScrollView key={index} tabLabel={val.name.toUpperCase()}>
          <Wallpaper />
          <Combination
            favItems={favItems}
            //isFav={favItems.includes(val.name)}
            showDetails={() => setShowDetails(!showDetails)}
            navigation={props.navigation}
            addToCart={async (item: any) => { 
            }}
          /> 
        </ScrollView>
      )
    })}
  </ScrollableTabView>`

[noddy1996]

in this tab the active tab has font-weight is BOLD. I think which font is you are using that does not support the bold font. that's why you are seeing the normal font which tab is active.

[Syahrul]

setting fontWeight to normal should resolve your issue