本機基本更改floatlabel輸入底部輪廓顏色

Question

我正在將本機與本機基本主題引擎一起使用。 我自定義了大多數本機基本元素。 我正在嘗試更改上面圖片中指出的邊框顏色。

我試圖更改components / Item.js

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

並嘗試在Input.js中手動添加邊框，但無法正常工作。 網上沒有太多幫助。 這可能嗎？

Answer 1

如果要更改所有浮動標簽項目的底部邊框顏色，請在“ .floatingLabel”內添加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>