Native Base更改floatlabel输入底部轮廓颜色

Question

我正在使用native native与本机基本主题引擎。我定制了大多数原生基本元素。我试图改变我在上图中指出的边框颜色。

我尝试更改components / Item.js

".floatingLabel": {
  "NativeBase.Input": {
    height: 50,
    top: 8,
   borderColor: 'red'
  },
  "NativeBase.Label": {
    top: 8
  },
  "NativeBase.Icon": {
    top: 6
  }
},

并尝试在Input.js中手动添加边框，但它不起作用。网上帮助不大。这可能吗？

Answer 1

如果要更改所有浮动标签项的底部边框颜色，请在＆＃34; .floatingLabel＆＃34;中添加borderColor：{}

".floatingLabel": {
  "NativeBase.Input": {
    height: 50,
    top: 8
  },
  "NativeBase.Label": {
    top: 8
  },
  "NativeBase.Icon": {
    top: 6
  },
  borderColor: "blue"
},

对于单个项目，只需覆盖<Item/>

的样式

<Item floatingLabel style={{ borderColor:"blue" }}>
     <Label>Username</Label>
     <Input />
</Item>