如何在 React Native 中更改开关组件的大小？

Question

如何在 React Native 中更改开关组件的大小？

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

此样式代码不起作用

原文由 alucard.g 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以使用样式中的 transform 属性来调整开关的大小，

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

也为了获得最佳结果，根据屏幕尺寸确定缩放值。

原文由 Eltaf Hussain 发布，翻译遵循 CC BY-SA 3.0 许可协议