如何在React Native中更改開關組件的大小？

Question

如何在React Native中更改開關組件的大小？

<Switch onValueChange={this._changeReciveNotice.bind(this)} 
     value={this.state.isReciveNotice} 
     style={{width:20,height:10}}/> 

這種風格的代碼不會影響

Answer 1

您必須更改狀態值。

爲例：

<Switch 
    onValueChange={(value) => this.setState({isReciveNotice: value})} 
    style={{marginBottom: 10}} 
    value={this.state.isReciveNotice} /> 

我不認爲你可以風格化開關器件。

Answer 2

您可以通過使用從造型變換屬性調整開關，

<Switch value={true} 
style={{ transform: [{ scaleX: .8 }, { scaleY: .8 }] }} 
onValueChange={(value) => {}} /> 

也是最好的結果確定縮放根據屏幕尺寸值。