无法自定义单选按钮

Question

尝试自定义单选按钮。它适用于背景或按钮大小，但不适用于图标大小，颜色和定位。

可能出错？

这是我的代码和结果。

Radio.js

import { Platform } from "react-native";

import variable from "./../variables/platform";

export default (variables = variable) => {
  const radioTheme = {
    backgroundColor: '#000',
    width: 20,
    height: 20,
    lineHeight: 20,
    ".selected": {
      color: '#7ED321',
      "NativeBase.IconNB": {
        color: '#7ED321',
        lineHeight: '20',
        fontSize: '20'
      }
    },
    "NativeBase.IconNB": {
      color: '#7ED321',
      lineHeight: '20',
      fontSize: '20'
    }
  };

  return radioTheme;
};

这是按钮的位置，大小和颜色。 （颜色应为十六进制绿色）

Answer 1

您可以从native-base-theme / variables / *更改单选按钮颜色和单选按钮大小.js

对于尺寸，只需根据您的平台对尺寸进行适当的更改

radioBtnSize: platform === "ios" ? 25 : 23,

对于颜色返回您想要的颜色

get radioColor() {
  return "blue";
},