react-native - 如何在 react 原生的开关内显示文本(是/否)

Question

我是 native react 的新手。在我的应用程序中，我正在使用一个开关并更改色调颜色来区分开和关，但我的实际要求是在开关内显示"is"或“否”文本，如下所示。



这是我的代码:

<Switch
                    onValueChange={this.change.bind(this)}
                    style={{marginBottom:10,width:90,marginRight:6,marginLeft:6}}
                    value={true}
                    thumbTintColor="#0000ff"
                    tintColor="#ff0000"
                    />

请给我解决这个问题的建议，非常感谢任何帮助。

Answer 1

最后我关闭了内部开关......

安装

npm install --save react-native-switch

    import { Switch } from 'react-native-switch';

<Switch
value={true}
onValueChange={(val) => console.log(val)}
disabled={false}
activeText={'On'}
inActiveText={'Off'}
backgroundActive={'green'}
backgroundInactive={'gray'}
circleActiveColor={'#30a566'}
circleInActiveColor={'#000000'}/>

引用这个链接...
https://github.com/shahen94/react-native-switch