如何在React Native中将背景图像添加到BottomTabNavigator

Question

有没有办法将背景图像添加到底部导航栏

我尝试使用选项卡栏组件，但没有帮助。

我使用的代码是

//Navigation Options 
<Tab.Navigator
tabBarOptions={{
showLabel: false,
activeTintColor: '#656565',
inactiveTintColor: '#353B48',
style: {
backgroundColor: 'transparent',
},
}
}>
</Tab.Navigator>
}```

Answer 1

我认为唯一的选择是构建自己的自定义tabBar+图标等：并将ImageBackground而不是View用于您的图像。

tabBar={(f) => (
<View style={{ backgroundColor: 'red', height: 100 }}>
{console.log(f.state.routeNames)}
</View>
)}