我们如何使用反应导航仅为 android 设置背景颜色和色调颜色？

Question

我正在尝试使用“react navigation”仅在 android 中更改标签栏的背景颜色。有可能吗？

我使用下面的 tabBarOptions，但它会在 iOS 和 Android 中更改背景颜色，但我的要求是仅在 Android 中更改颜色并且它应该在 iOS 中保持默认，

{ tabBarOptions: { 风格： { 背景颜色：'#2D61A9', } } }

提前致谢。

Answer 1

您可以使用Platform see here 设置平台操作系统特定的样式。

以下应该工作。

{
  tabBarOptions : {
    style: {
      Platform.select({
      android: {
        backgroundColor: '#2D61A9',
      },
    }
  }
}

Answer 2

使用平台的简单 ios 检查

import { Platform } from 'react-native';

const style = Platform.OS === 'ios' ? {} : {backgroundColor: '#2D61A9'}

{ tabBarOptions: { style } }