Switch
真偽値入力をレンダリングします。
これは制御されたコンポーネントであり、ユーザーアクションを反映するためにコンポーネントのvalueプロップを更新するonValueChangeコールバックが必要です。valueプロップが更新されない場合、コンポーネントはユーザーアクションの期待される結果ではなく、提供されたvalueプロップを引き続きレンダリングします。
例
リファレンス
Props
View Props
ViewのPropsを継承します。
disabled
trueの場合、ユーザーはスイッチを切り替えることができません。
| 型 | デフォルト |
|---|---|
| bool | false |
ios_backgroundColor iOS
iOSでは、背景のカスタムカラー。この背景色は、スイッチの値がfalseの場合、またはスイッチが無効になっている場合(そしてスイッチが半透明である場合)に見ることができます。
onChange
ユーザーがスイッチの値を変更しようとしたときに呼び出されます。変更イベントを引数として受け取ります。新しい値のみを受け取りたい場合は、代わりにonValueChangeを使用してください。
| 型 |
|---|
| function |
onValueChange
ユーザーがスイッチの値を変更しようとしたときに呼び出されます。新しい値を引数として受け取ります。代わりにイベントを受け取りたい場合は、onChangeを使用してください。
| 型 |
|---|
| function |
ref
マウント時に要素ノードが割り当てられる ref セッター。
thumbColor
前景のスイッチグリップの色。これがiOSに設定されている場合、スイッチグリップはドロップシャドウを失います。
trackColor
スイッチトラックのカスタムカラー。
iOS: スイッチの値がfalseの場合、トラックはボーダーに縮小します。縮小したトラックによって露出する背景色を変更したい場合は、ios_backgroundColorを使用してください。
value
スイッチの値。trueの場合、スイッチはオンになります。デフォルト値はfalseです。
| 型 |
|---|
| bool |