在React Native中使用createMaterialTopTabNavigator创建顶部选项卡导航时,可以通过设置activeBackgroundColor属性来设置选中选项卡的背景颜色。
activeBackgroundColor属性用于设置选中选项卡的背景颜色,当选项卡处于活动状态时,即被选中时,该背景颜色将被应用。
下面是一个示例代码,展示如何在createMaterialTopTabNavigator中设置activeBackgroundColor:
import { createMaterialTopTabNavigator } from 'react-navigation';
const TabNavigator = createMaterialTopTabNavigator(
{
Tab1: {
screen: Tab1Screen,
},
Tab2: {
screen: Tab2Screen,
},
Tab3: {
screen: Tab3Screen,
},
},
{
tabBarOptions: {
activeBackgroundColor: 'blue', // 设置选中选项卡的背景颜色为蓝色
},
}
);
export default TabNavigator;
在上述代码中,我们通过在tabBarOptions中设置activeBackgroundColor属性为'blue',将选中选项卡的背景颜色设置为蓝色。你可以根据需要将其替换为其他颜色值。
腾讯云相关产品和产品介绍链接地址:
请注意,以上链接仅供参考,具体产品选择应根据实际需求和情况进行评估。
领取专属 10元无门槛券
手把手带您无忧上云