如何樣式React Native <CheckBox>組件？

是否可以設計React Native CheckBox組件的樣式？如何樣式React Native <CheckBox>組件？

沒有style屬性這裏列出：https://facebook.github.io/react-native/docs/checkbox.html

我把一個無效的樣式屬性就可以了，並且彈出告訴我，所有有效的CSS屬性的RN警告信息，但他們沒有做什麼有益的走向造型。

該組件看起來不錯，但我想將其從藍綠色改爲品牌顏色。

可能嗎？

這些屬性沒有工作，但被列爲有效的樣式道具複選框：

{ 
    height: 50,    // changes the hitspace but not the checkbox itself 
    width: 50, 
    borderWidth: 1,   // does nothing 
    backgroundColor: 'red', // makes the area around and inside the checkbox red 
    borderColor: 'green', // does nothing 
    borderStyle: 'dotted' // does nothing 
}

我不明白爲什麼它存在的話，如果每個人都只是讓自己的複選框。如果我這樣做，我也不會真的有什麼用，因爲一切都是爲了給是

value={this.state.rememberMe} 
onValueChange={() => this.toggleRememberMe()}

，除非有這樣神奇的東西它的引擎蓋下。它有一個體面的onChange動畫，但是當我自己製作並使用<TouchableHighlight or Opacity>環繞開/關圖像或<View>時，它將立即被棄用。

除了數百個自定義複選框外，我無法在Google上找到任何信息。實際上很難在他們周圍搜索。

來源

2017-10-09 agm1984

默認複選框中的樣式選項是有限的。你需要嘗試構建一個自定義組件或使用像這樣的庫：https://github.com/crazycodeboy/react-native-check-box – Vicky

可能重複的[如何更改CheckBox的顏色？]（https：/ /stackoverflow.com/questions/5854047/how-to-change-the-color-of-a-checkbox） – JuanR

React Native CheckBox component呈現Android上的本機複選框組件。

您可以重新設計它的最簡單方法是更改Android項目樣式配置（有關如何對該here執行額外操作的說明）。

這是一種簡單的方法，可以使您的配色方案與您的配色方案保持一致，不僅僅是這一個配色方案，還有其他可能最終顯示的本地組件，這非常棒！

來源

2017-11-02 16:01:41

請不要發佈鏈接作爲答案。如果問題已經存在，請以評論的形式告知用戶。一旦你有足夠的聲望，你將能夠發表評論。 – JuanR

@Juan我不認爲它是真的重複！鏈接只是附加信息。解決這個問題的關鍵是要知道你可以通過項目的本地配置來實現。 –

該鏈接看起來像它確實展示瞭如何去做。我認爲這兩個問題應該聯繫起來。我今天晚些時候會閱讀更多內容並更新我的文章。 – agm1984

如何樣式React Native <CheckBox>組件？

回答

相關問題