我需要在我的react native应用程序中从本机基础定制选项卡(更改其背景 colored颜色 ),如图enter image description here所示

我已经试过style={{ backgroundColor: '#C0C0C0' }}次了,但我一直在使用默认主题.

推荐答案

您可以将自己的样式应用于本机基本选项卡,如下所示.

<Tabs tabBarUnderlineStyle={{borderBottomWidth:2}}>
    <Tab heading="Popular" tabStyle={{backgroundColor: 'red'}} textStyle={{color: '#fff'}} activeTabStyle={{backgroundColor: 'red'}} activeTextStyle={{color: '#fff', fontWeight: 'normal'}}>
        // tab content
    </Tab>
    <Tab heading="Popular" tabStyle={{backgroundColor: 'red'}} textStyle={{color: '#fff'}} activeTabStyle={{backgroundColor: 'red'}} activeTextStyle={{color: '#fff', fontWeight: 'normal'}}>
        // tab content
    </Tab>
</Tabs>

React-native相关问答推荐

Redux将旧状态迁移到新状态

'无法解析模块.安装react-native-pager-view后的实用程序/平台

单击时更改ToucheableOpacity colored颜色 不起作用

在我的 React Native 应用程序中获取数据返回 [object Object] 而不是 renderSectionHeader

Appcenter codepush 返回请求被阻止

应用程序主体尚未注册

打包程序无法启动

缺少请求的请求令牌

如何在react-native 中加密和解密文本?

如何重置react-native 动画?

如何在 react-native 中在子级和父级之间传递数据?

是否可以在 React Native 中隐藏BugReporting extraData?

如何在 React Native 中使用断点进行调试

如何在react native中过滤对象数组?

如何从 React Native-App 中的 res/drawable-folder 加载图像?

react-native 自动完成文本输入

react-native run-android 在设备上构建旧版本的代码

在 React Native (iOS) 中支持动态类型

如何在不使用 JSX 的情况下在 React Native 中制作组件?

React native - 以编程方式判断是否启用了远程 JS 调试